嘉兴模板建站公司,土木特网站建设,怎么推广自己做的网站,桐乡市住房建设局网站1.概述
1.1 布局的作用#xff1a;布局是对界面结构的全面规划和安排#xff0c;通过api中提供的各种布局能够快速的完成对界面的设计和规划 1.2 布局的种类#xff1a;线性布局#xff08;LinearLayout#xff09;、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格…1.概述
1.1 布局的作用布局是对界面结构的全面规划和安排通过api中提供的各种布局能够快速的完成对界面的设计和规划 1.2 布局的种类线性布局LinearLayout、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局TableLayout、网格布局GridLayout、约束布局ConstraintLayout其中三种不常用布局帧布局、表格布局、网格布局 1.3 常用属性layout_width 宽度、layout_height 高度、layout_padding 内边距、layout_margin 外边距这个四个属性是所有布局共有的属性取值有三种match_parent匹配父容器、wrap_content适应内容、xxdp具体数值比如200dp
2.线性布局
1.方向属性orientation内容摆放的方向有垂直vertical、水平horizontal两种 ?xml version1.0 encodingutf-8? LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/android android:orientationhorizontal android:layout_widthmatch_parent android:layout_heightmatch_parent android:layout_margin20dp android:padding20dp TextView android:layout_widthwrap_content android:layout_heightwrap_content android:background#ff0000 android:text登录按钮/ TextView android:layout_widthwrap_content android:layout_heightwrap_content android:background#00ff00 android:text退出按钮/ TextView android:layout_widthwrap_content android:layout_heightwrap_content android:background#0000ff android:text注册按钮/ /LinearLayout 2.权重属性layout_weight
如果要出现下图的布局 这里只需要给第一个控件添加权重 渲染的时候先展示没有权重的最后剩余的空间会被有权重的全部拥有
如果要合理的按比例分配此时要设置layout_width0dp(如果垂直设置高度为0dp) 总共5份以此占1/5 2/5 2/5并且控件的内容是不会影响这个比列的 3.重力属性
让控件左右上下居中等进行偏移但是如果水平上的布局比例已经确定重力属性在水平不再起作用
如下让中间的偏移到垂直居中 2.相对布局
相对布局是通过相对定位的方式让控件出现在布局任意位置
在相对布局中如果不指定控件摆放的位置那么控件都会被默认放在RelativeLayout的左上角。因此要先指定第一个控件的位置再根据此控件去给其他控件布局。
RelativeLayout常见属性 相对于父容器layout_centerInParent取值:true/false 效果如下 其他常用属性如下 android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 位于父元素的下边缘 android:layout_alignParentLeft 位于父元素的左边缘 android:layout_alignParentRight 位于父元素的右边缘 android:layout_alignParentTop 位于父元素的上边缘 android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物 相对于其他控件(取值其他控件id) 其他属性
android:layout_below 位于元素的下方 android:layout_above 位于元素的的上方 android:layout_toLeftOf 位于元素的左边 android:layout_toRightOf 位于元素的右边 android:layout_alignTop 该元素的上边缘和某元素的的上边缘对齐 android:layout_alignLeft 该元素的左边缘和某元素的的左边缘对齐 android:layout_alignBottom 该元素的下边缘和某元素的的下边缘对齐 android:layout_alignRight 该元素的右边缘和某元素的的右边缘对齐
3.帧布局 如上图类似这种布局就是帧布局后面的子元素直接覆盖在前面的子元素之上将前面的子元素部分和全部遮挡
常用属性
android:layout_gravitycenter//控件重力 android:gravitycenter//控件内容相对于控件本身的位置 android:foregroundmipmap/bg//前景 android:foregroundGravitycenter_vetical//前景重力
案例代码
TextView android:layout_width350dp android:layout_height350dp android:background#ff0000 android:layout_gravitycenter/ TextView android:layout_width200dp android:layout_height200dp android:background#00ff00 android:layout_gravitycenter / TextView android:layout_width100dp android:layout_height100dp android:background#0000ff android:layout_gravitycenter android:text测试内容 android:textColor#ffffff android:gravitycenter /
效果 4.表格布局
通过行列的形式展示我们的控件这样的布局就是表格布局 常见属性
android:stretchColumns*//设置可伸展的列传入的是整型数据即列的索引*代表所有也可多个比如1,2 android:shrinkColumns1//可伸缩的列 android:collapseColumns2,3//隐藏的列
案例代码
TableLayout xmlns:androidhttp://schemas.android.com/apk/res/android android:layout_widthmatch_parent android:layout_heightmatch_parent android:stretchColumns* !-- 1.直接在Tablelayout中添加控件默认控件和父容器等宽要让一些控件出现在同一行把这些控件放在TableRow 里面宽度默认是内容宽度 -- EditText/ TableRow Button android:text7 / Button android:text8 / Button android:text9 / Button android:text/ / /TableRow TableRow Button android:text4 / Button android:text5 / Button android:text6 / Button android:text- / /TableRow TableRow Button android:text1 / Button android:text2 / Button android:text3 / Button android:text / /TableRow TableRow Button android:text. / Button android:text0 / Button android:text / Button android:text* / /TableRow /TableLayout
5.网格布局 如上图网格布局和表格布局类似但是网格能自身确定整个布局应该出现多少行多少列。控件放入的时候从左到右摆满指定的列数再从第二行开始摆放
常用属性
android:orientationhorizontal//表示控件在网格中从左到右顺序摆放还是上到下的顺序摆放 android:rowCount4//行数 android:columnCount3//列数 android:layout_rowSpan2//跨2行 android:layout_columnSpan2//跨2列 android:layout_gravityfill//填充展示
案例
GridLayout xmlns:androidhttp://schemas.android.com/apk/res/android android:layout_widthmatch_parent android:layout_heightmatch_parent android:orientationhorizontal android:rowCount4 android:columnCount3 Button android:text1/ Button android:text2/ Button android:text3/ Button android:text4 android:layout_rowSpan2 android:layout_columnSpan2 android:layout_gravityfill/ Button android:text5/ Button android:text6/ Button android:text7/ Button android:text8/ Button android:text9/ /GridLayout
6.约束布局
约束布局特点
1.前面介绍的布局虽然在AS中可以拖拽控件实现但写代码更加方便但是约束布局更加倾向通过拖拽设计可视化
2.能够有效解决布局过多问题让页面更加扁平化
由于是通过动手拖拽实现所以需要多次尝试才能熟练掌握
常用属性
app:layout_constraintBottom_toBottomOfid/m//当前控件的下边线约束到到指定控件或者父容器下边线
在AS中拖拽实现约束布局界面尝试多用几次掌握
文章首发地址www.javayihao.top
更多内容公众号java一号
