常用布局回顾

◆布局的作用
>不可见的视图容器组件。
>负责管理其子控件在屏幕中显示的位置和大小

◆常用的几种布局类型
>线性布局:LinearLayout a.特点:子控件按照横向或纵向排列
>相对布局:RelativeLayout a.子控件灵活的出现在某个位置(一般相对于另一个控件)b.描述是控件与控件的相对位置
>帧布局:FrameLayout a.子控件之间是层叠覆盖的关系b.多应用在滑动页与碎片出现的场合
>格子布局:GridLayout
>表格布局:TableLayout

常见属性
image.png

线性布局:LinearLayout

image.png

相对布局:RelativeLayout

image.png

image.png
@ider而不是@+id
image.png

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <Button
  6. android:layout_centerInParent="true"
  7. android:id="@+id/btn1"
  8. android:text="中间按钮"
  9. android:layout_width="wrap_content"
  10. android:layout_height="wrap_content" />
  11. <Button
  12. android:layout_centerHorizontal="true"
  13. android:id="@+id/btn2"
  14. android:text="上边按钮"
  15. android:layout_above="@+id/btn1"
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content" />
  18. <Button
  19. android:layout_centerHorizontal="true"
  20. android:id="@+id/btn3"
  21. android:text="下边按钮"
  22. android:layout_below="@+id/btn1"
  23. android:layout_width="wrap_content"
  24. android:layout_height="wrap_content" />
  25. <Button
  26. android:layout_centerVertical="true"
  27. android:id="@+id/btn4"
  28. android:text="左边按钮"
  29. android:layout_toLeftOf="@+id/btn1"
  30. android:layout_width="wrap_content"
  31. android:layout_height="wrap_content" />
  32. <Button
  33. android:layout_centerVertical="true"
  34. android:id="@+id/btn5"
  35. android:text="右边按钮"
  36. android:layout_toRightOf="@+id/btn1"
  37. android:layout_width="wrap_content"
  38. android:layout_height="wrap_content" />
  39. </RelativeLayout>

image.png

image.png

帧布局:FrameLayout

image.png

表格布局:TableLayout

image.png

image.png

image.png

image.png

网格布局GridLayout

◆一层一层排布的
◆最先设定的控件在最下面

样式和主题

image.png

image.png

image.png

程序调试方法

image.png

image.png