android 五大布局-线性布局(LinearLayout)
16lz
2021-01-26
基本属性要求
1 2 3 4 5 6 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" > LinearLayout > |
- android:orientation
- 决定是水平排列或是垂直排列
- vertical 垂直排列
- horizontal 水平排列
垂直排列 Button
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" /> < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 2" /> LinearLayout > |
水平排列 Button
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" /> < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 2" /> LinearLayout > |
重心设定
1 2 3 4 5 6 7 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" android:gravity = "left" > LinearLayout > |
- android:gravity
- 设定框架的内容的放置方向
- center 水平垂直皆置中
- center_vertical 垂直置中
- center_horizontal 水平置中
- top 置顶
- left 置左
- bottom 置底
- right 置右
水平、垂直置中
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" android:gravity = "center_vertical" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" /> LinearLayout > < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" android:gravity = "center_horizontal" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" /> LinearLayout > < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" android:gravity = "center" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" /> LinearLayout > |
透过 OR 运算子组合重心
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" android:gravity = "top|right" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" /> LinearLayout > < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" android:gravity = "bottom|left" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" /> LinearLayout > < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" android:gravity = "center_vertical|center_horizontal" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" /> LinearLayout > |
比例分配
1 2 3 4 5 6 7 8 9 10 11 12 13 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "horizontal" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" android:layout_weight = "1" /> LinearLayout > |
- android:layout_weight
- 子元件或子框架的比重。
- LinearLayout 下的子元件或子框架,才能设定这项属性。
等比例分配
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "horizontal" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" android:layout_weight = "1" /> < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 2" android:layout_weight = "1" /> < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 3" android:layout_weight = "1" /> LinearLayout > |
比重都是 1,所以大小相同。
非等比例分配
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | < LinearLayout android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "horizontal" > < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 1" android:layout_weight = ".10" /> < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 2" android:layout_weight = ".20" /> < Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "Button 3" android:layout_weight = ".70" /> LinearLayout > |
更多相关文章
- Android使用Recycler View实现瀑布流效果
- ToggleButton的学习与使用
- Android垂直tab导航栏、左侧竖直tab导航栏,支持viewpager,不依赖v
- android的layout
- android中,实现水平方向上三个按钮左对齐、居中对齐、右对齐效果
- android 打造变化多端的SeekBar(垂直和水平)
- Android(安卓)自定义View(五)实现跑马灯垂直滚动效果
- android nine patch图片
- JAVA 学到什么水平就可以转战 Android(安卓)了?