常见的布局
视频建议采用超清模式观看,
Android的图形用户界面是由多个View和ViewGroup构建出来的。View是通用的UI窗体小组件,比如按钮(Button)或者文本框(text field),而ViewGroup是不可见的,是用于定义子View布局方式的容器,比如网格部件(grid)和垂直列表部件(list)。
Android提供了一个对应于View和ViewGroup子类的一系列XMl标签,我们可以在XML里使用层级视图元素创建自己的UI。
我们常见的布局包括:
- LinearLayout ( 线性布局 )
- RelativeLayout ( 相对布局 )
- FrameLayout ( 帧布局 )
- GridLayout(网格布局 Android4.0 引入的)
不常见的布局:
- Tablelayout(表格布局)
- AbsoluteLayout(绝对布局 废弃了)
我们接下来重点讲下常见的布局,对于不常见的布局,大家了解就可以
LinearLayout
即一行展开或者一列展开,也可以嵌套
重要的属性 android:orentation 方向,包括Vertical(垂直) 和horizontal 水平参考代码
RelativeLayout
视频建议采用超清模式观看,
控件显示都是相对于其它布局或者控件
常见的属性: android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素的下边缘 android:layout_alignParentLeft 贴紧父元素的左边缘 android:layout_alignParentRight 贴紧父元素的右边缘 android:layout_alignParentTop 贴紧父元素的上边缘 android:layout_below 在某元素的下方 android:layout_above 在某元素的的上方 android:layout_toLeftOf 在某元素的左边 android:layout_toRightOf 在某元素的右边 android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐 android:layout_alignLeft 本元素的左边缘和某元素的的左边缘对齐 android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐 android:layout_alignRight 本元素的右边缘和某元素的的右边缘对齐当我们实现下图的界面, 采用相对布局要方便很多
参考代码:
FrameLayout
视频建议采用超清模式观看,
帧布局,即一层层叠起来,最先在xml总定义的都在最底下,入下图
需要注意的是 5.0以上的系统,按钮控件无论定义在前面还是后面,默认都是显示在最上面,不会被遮挡
GridLayout
视频建议采用超清模式观看,
网格布局
取代TableLayout GridLayout优势可以避免Linearlayout多层嵌套需要注意的是,GridLayout是Android4.0引入的布局,如果使用此布局,需要保证当前程序最低兼容版本14
首先它与LinearLayout布局一样,也分为水平和垂直两种方式,默认是水平布局,一个控件挨着一个控件从左到右依次排列。
但是通过指定android:columnCount设置列数的属性后,控件会自动换行进行排列。另一方面,对于GridLayout布局中的子控件,默认按照wrap_content的方式设置其显示,这只需要在GridLayout布局中显式声明即可。
其次,若要指定某控件显示在固定的行或列,只需设置该子控件的android:layout_row和android:layout_column属性即可,但是需要注意:android:layout_row=”0”表示从第一行开始,android:layout_column=”0”表示从第一列开始,这与编程语言中一维数组的赋值情况类似。
最后,如果需要设置某控件跨越多行或多列,只需将该子控件的android:layout_rowSpan或者layout_columnSpan属性设置为数值,再设置其layout_gravity属性为fill即可,前一个设置表明该控件跨越的行数或列数,后一个设置表明该控件填满所跨越的整行或整列。
这个界面建议大家使用GridLayout参考代码:
视频建议采用超清模式观看,