当前位置:   article > 正文

Android的六大基本布局_说明android系统layout中六种布局

说明android系统layout中六种布局
  • 线性布局 LinearLayout
  • 相对布局 RelativeLayout
  • 表格布局 TableLayout
  • 绝对布局 AbsoluteLayout
  • 网格布局 GridLayout
  • 帧布局 FrameLayout

 布局通用属性

属性名称 功能描述
android:id 设置布局的标识
android:layout_width 设置布局的宽度
android:layout_height 设置布局的高度
android:background 设置布局的背景
android:layout_margin 设置当前布局与屏幕边界或与周围控件的距离
android:padding 设置当前布局与该布局中控件的距离
android:minWidth 设置视图最小宽度
android:minHeight 设置视图最小高度

(一)线性布局 (LinearLayput)

线性布局是最常用的布局方式,可分为水平线性布局盒垂直线性布局

当垂直布局时,每一行就只有一个元素,多个元素一次垂直往下

当水平布局时,只有一行,没一个元素一次向右排列

特点:以水平或垂直方向排列

常用属性:

控件属性 功能描述
android:oriientation

布局中组件的排列方式

(有horizontal水平布局和vertical垂直布局)

android:gravity 控制该组件在父容器里的对齐方式
android:layout_gravity 控制该组件咋父容器里的对齐方式
android:layout_weight 权重,用来等比例划分区域
android:divider 分割线
android:showDividers

设置分割线所在的位置none(无) beginning(开始)

end(结束) minddle(每两个组件间)

android:dividerPadding 设置分割线的padding

 

案例:

代码:

 

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:tools="http://schemas.android.com/tools"
  4. xmlns:app="http://schemas.android.com/apk/res-auto"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. android:orientation="vertical"
  8. tools:context=".MainActivity">
  9. <LinearLayout
  10. android:layout_width="match_parent"
  11. android:layout_height="wrap_content">
  12. <TextView
  13. android:layout_width="0dp"
  14. android:layout_height="50dp"
  15. android:layout_weight="1"
  16. android:text="权重1"
  17. android:gravity="center"
  18. android:background="#afdfe4"/>
  19. <TextView
  20. android:layout_width="0dp"
  21. android:layout_height="50dp"
  22. android:layout_weight="1"
  23. android:text="权重2"
  24. android:gravity="center"
  25. android:background="#94d6da"/>
  26. <TextView
  27. android:layout_width="0dp"
  28. android:layout_height="50dp"
  29. android:layout_weight="1"
  30. android:text="权重3"
  31. android:gravity="center"
  32. android:background="#78cdd1"/>
  33. </LinearLayout>
  34. <LinearLayout
  35. android:layout_width="match_parent"
  36. android:layout_height="50dp"
  37. android:gravity="center"
  38. android:background="#cde6c7">
  39. <TextView
  40. android:layout_width="wrap_content"
  41. android:layout_height="wrap_content"
  42. android:text="第一个线性布局" />
  43. </LinearLayout>
  44. <LinearLayout
  45. android:layout_width="match_parent"
  46. android:layout_height="50dp"
  47. android:g
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号