宁波做网站的大公司排名,wordpress点击外链,阳江市建设局网站,有什么网站做微商布局是一种可用于放置很多控件的容器#xff0c;它可以按照一定的规律调整内部控件的位置#xff0c;从而编写出精美的界面#xff0c;布局内不单单可以放控件#xff0c;也可以嵌套布局#xff0c;这样可以完成一些复杂的界面#xff0c;下面就来认识一些常用的布局吧。…布局是一种可用于放置很多控件的容器它可以按照一定的规律调整内部控件的位置从而编写出精美的界面布局内不单单可以放控件也可以嵌套布局这样可以完成一些复杂的界面下面就来认识一些常用的布局吧。
线性布局 名称LinearLayout这个布局会将它所包含的控件在线性方向上依次排列 属性android:orientation这个属性就规定了是在竖直方向上还是水平方向上当为vertical时规定的排列方向就为竖直方向当为horizontal时控件就会在水平方向上排列 设置一个主活动并修改其xml中的代码在这个活动里面加入三个按钮控件此时设置为竖直方向
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.MainActivityButtonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_1android:textButton1/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_2android:textButton2/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_3android:textButton3//LinearLayout此时使用的是android:orientationvertical即竖直方向因此运行结果为 但如果改为android:orientationhorizontal即为水平方向即三个按钮水平排列在第一行 注意如果排列方式为horizontal内部控件绝不能将宽度设置为match_parent同样的道理如果排列方式为vertical内部控件绝不能将高度设置为match_parent当不指定orietation属性时则默认为水平方向排列 重要属性通过android:layout_gravity来设置控件与上级视图即布局的对齐方式当这三个控件仍然会坚持以布局所规定的方向排列
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationhorizontaltools:context.MainActivityButtonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_1android:layout_gravitytopandroid:textButton1/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_2android:layout_gravitycenter_verticalandroid:textButton2/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_gravitybottomandroid:idid/Button_3android:textButton3//LinearLayout因此运行结果为 重要属性android:layout_weight允许我们使用比例的方式指定控件的大小即将控件的宽或者高其中一个设置为0dp则会根据你所设置的数值计算所占的权重从而规划大小
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationhorizontaltools:context.MainActivityEditTextandroid:layout_width0dpandroid:layout_heightwrap_contentandroid:layout_weight1android:idid/editTextandroid:hintType Something/Buttonandroid:layout_width0dpandroid:layout_heightwrap_contentandroid:idid/Button_1android:layout_gravitytopandroid:layout_weight1android:textButton1//LinearLayout此时我们将一个两个控件的宽度都设置为0dp权重设置为1此时权重就管的是宽度它们两个来分配都占二分之一运行程序 相对布局
名称RelativeLayout作用可以通过相对定位的方式让控件出现在布局的任何位置对于父布局的定位示例
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityButtonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_1android:layout_alignParentToptrueandroid:layout_alignParentStarttrueandroid:textButton1/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_2android:layout_alignParentToptrueandroid:layout_alignParentEndtrueandroid:textButton2/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_3android:layout_centerInParenttrueandroid:textButton3/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_4android:layout_alignParentBottomtrueandroid:layout_alignParentStarttrueandroid:textButton4/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_5android:layout_alignParentBottomtrueandroid:layout_alignParentEndtrueandroid:textButton5//RelativeLayout运行结果 以上是对于父布局进行定位控件还可以以控件进行定位
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityButtonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_1android:layout_aboveid/Button_3android:layout_toStartOfid/Button_3android:textButton1/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_2android:layout_aboveid/Button_3android:layout_toEndOfid/Button_3android:textButton2/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_3android:layout_centerInParenttrueandroid:textButton3/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_4android:layout_belowid/Button_3android:layout_toStartOfid/Button_3android:textButton4/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/Button_5android:layout_belowid/Button_3android:layout_toEndOfid/Button_3android:textButton5/android:layout_above可以让一个控件位于另一个控件的上方 android:layout_below可以让一个控件位于另一个控件的下方 android:layout_toStartOf可以让一个控件位于另一个控件的左侧 android:layout_toEndOf可以让一个控件位于另一个控件的右侧 android:layout_alignBottom一个控件和另一个控件的下边缘对齐 android:layout_alignTop一个控件和另一个控件的上边缘对齐 android:layout_alignEnd一个控件和另一个控件的右边缘对齐 android:layout_alignStart一个控件和另一个控件的左边缘对齐 上面代码运行结果 帧布局 名称FrameLayout 作用没有方便的定位方式所有的控件都会默认放在布局的左上角控件堆叠在一起通常用于覆盖或弹出窗口。 示例
FrameLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityTextViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:textThis is TextView/ImageViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:srcmipmap/ic_launcher//FrameLayout由于都位于左上角因此文本会被图片遮盖一部分因此运行结果为 除了默认的效果还可以通过android:layout_gravity来指定控件在布局里的对齐方式
网格布局 名称GridLayout 支持多行多列的表格排列 网格布局默认从左向右、从上到下排列它新增了两个属性 columnCount属性它指定了网格的列数即每行能放多少个视图rowCount属性它指定了网格的行数即每列能放多少个视图 示例
GridLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:columnCount2android:rowCount2tools:context.MainActivityTextViewandroid:layout_width0dpandroid:layout_height60dpandroid:background#ffccccandroid:gravitycenterandroid:layout_columnWeight1android:textaa/TextViewandroid:layout_width0dpandroid:layout_height60dpandroid:background#00ffffandroid:gravitycenterandroid:layout_columnWeight1android:textaa/TextViewandroid:layout_width0dpandroid:layout_height60dpandroid:background#ff00ccandroid:gravitycenterandroid:layout_columnWeight1android:textaa/TextViewandroid:layout_width0dpandroid:layout_height60dpandroid:background#ffcc00android:gravitycenterandroid:layout_columnWeight1android:textaa//GridLayout定义了一个2行2列的网格布局并注意其中对于宽度进行了权重的赋值有代码在网格布局当中权重的设置方式是与前面不一样的运行界面 约束布局
ConstraintLayout是一种灵活的布局管理器它允许开发者在Android应用中创建复杂的布局同时保持性能和灵活性。
相对定位
属性作用layout_constraintTop_toTopOf将控件的顶部与另一个控件的顶部对齐。layout_constraintTop_toBottomOf将控件的顶部与另一个控件的底部对齐。layout_constraintBottom_toBottomOf将控件的底部与另一个控件的底部对齐。layout_constraintBottom_toTopOf将控件的底部与另一个控件的顶部对齐。layout_constraintLeft_toLeftOf将控件的左边与另一个控件的左边对齐。layout_constraintLeft_toRightOf将控件的左边与另一个控件的右边对齐。layout_constraintRight_toRightOf将控件的右边与另一个控件的右边对齐。layout_constraintRight_toLeftOf将控件的右边与另一个控件的左边对齐。layout_constraintStart_toStartOf将控件的开始边与另一个控件的开始边对齐。layout_constraintStart_toEndOf将控件的开始边与另一个控件的结束边对齐。layout_constraintEnd_toEndOf:将控件的结束边与另一个控件的结束边对齐。layout_constraintEnd_toStartOf将控件的结束边与另一个控件的开始边对齐。layout_constraintBaseline_toBaselineOf将一个控件的基线baseline与另一个控件的基线对齐
注意当出现顶部与底部之间的对齐时这意味着当你将这个属性应用到一个视图上时它会将视图的顶部放置在另一个所要对其的底部从而在垂直方向上将它们连接起来。
示例
androidx.constraintlayout.widget.ConstraintLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityButtonandroid:idid/button1android:layout_width100dpandroid:layout_height100dpandroid:background#ff2200android:textbutton1app:layout_constraintLeft_toLeftOfparentapp:layout_constraintTop_toTopOfid/button2 /Buttonandroid:idid/buttoncenterandroid:layout_width100dpandroid:layout_height100dpandroid:backgroundcolor/teal_200android:textbutton centerapp:layout_constraintBottom_toBottomOfparentapp:layout_constraintLeft_toLeftOfparentapp:layout_constraintRight_toRightOfparentapp:layout_constraintTop_toTopOfparent /Buttonandroid:idid/button2android:layout_width100dpandroid:layout_height100dpandroid:layout_marginRight4dpandroid:background#ff4400android:textbutton2app:layout_constraintRight_toRightOfparentapp:layout_constraintTop_toBottomOfid/button1 /Buttonandroid:idid/button3android:layout_width100dpandroid:layout_height100dpandroid:background#ff8825android:textbutton3app:layout_constraintBottom_toBottomOfparentapp:layout_constraintLeft_toRightOfid/button1 /Buttonandroid:idid/button4android:layout_width100dpandroid:layout_height100dpandroid:background#ff6677android:textbutton4app:layout_constraintBottom_toBottomOfparentapp:layout_constraintRight_toLeftOfid/button2 //androidx.constraintlayout.widget.ConstraintLayout运行结果 角度定位
属性作用layout_constraintCircle指定控件相对于另一个控件的圆形路径进行定位。layout_constraintCircleAngle指定控件在圆形路径上的角度位置。layout_constraintCircleRadius指定控件相对于圆形路径的半径。
示例
androidx.constraintlayout.widget.ConstraintLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityTextViewandroid:layout_width100dpandroid:layout_height100dpandroid:idid/TextView1android:background#00ff00android:textTextView1android:visibilityvisibleapp:layout_constraintLeft_toLeftOfparentapp:layout_constraintTop_toTopOfparent/TextViewandroid:layout_width100dpandroid:layout_height100dpandroid:idid/TextView2android:background#ff0033android:textTextView2android:visibilityvisibleapp:layout_constraintCircleid/TextView1app:layout_constraintCircleAngle120app:layout_constraintCircleRadius150dpapp:layout_constraintRight_toRightOfparentapp:layout_goneMarginLeft50dpapp:layout_constraintTop_toTopOfparent//androidx.constraintlayout.widget.ConstraintLayout运行结果 边距示例
属性作用android:layout_marginStart设置控件在其起始边左边或右边取决于布局方向的外边距。android:layout_marginEnd设置控件在其结束边右边或左边取决于布局方向的外边距。android:layout_marginLeft设置控件在其左边的外边距。android:layout_marginTop设置控件在其顶部的外边距。android:layout_marginRight设置控件在其右边的外边距。android:layout_marginBottom设置控件在其底部的外边距。
当给marginBottom前面加上gone时就代表控件在不可用时相对应位置的外边距
示例
androidx.constraintlayout.widget.ConstraintLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityTextViewandroid:layout_width100dpandroid:layout_height100dpandroid:idid/TextView1android:background#00ff00android:textTextView1android:visibilityvisibleapp:layout_constraintLeft_toLeftOfparentapp:layout_constraintTop_toTopOfparent/TextViewandroid:layout_width100dpandroid:layout_height100dpandroid:idid/TextView2android:background#ff0033android:textTextView2android:visibilityvisibleapp:layout_constraintLeft_toRightOfid/TextView1app:layout_goneMarginLeft50dpapp:layout_constraintTop_toTopOfparent//androidx.constraintlayout.widget.ConstraintLayout运行结果 当我们将第一个控件的可见性属性进行改变android:visibilitygone由于设置此时运行结果为 居中和偏移
居中
androidx.constraintlayout.widget.ConstraintLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityTextViewandroid:layout_width100dpandroid:layout_height100dpandroid:idid/TextView1android:background#00ff00android:textTextView1android:visibilityvisibleapp:layout_constraintTop_toTopOfparentapp:layout_constraintLeft_toLeftOfparentapp:layout_constraintBottom_toBottomOfparentapp:layout_constraintRight_toRightOfparent//androidx.constraintlayout.widget.ConstraintLayout运行之后此时就会有一个TextView位于屏幕的中间 偏移
属性作用layout_constraintHorizontal_bias水平偏移layout_constraintVertical_bias垂直偏移
偏移量的设置范围为0~1当设置偏移量为1时当为水平偏移时就会位于最右端当为垂直偏移时就会位于最下端。当为0.5就会位于中间以此类推。
尺寸约束 当我们使用wrap_content即让控件自己确定大小此时我们可以设立属性来规定它的最大最小宽度与高度 android:minWidth 最小的宽度
android:minHeight 最小的高度
android:maxWidth 最大的宽度
android:maxHeight 最大的高度使用0dp match_parent 是一个布局参数它可以使视图的尺寸与父容器的尺寸相匹配。然而ConstraintLayout 推荐使用 MATCH_CONSTRAINT 在XML中表示为 0dp来代替 match_parent因为它提供了更多的灵活性和控制。 使用 MATCH_CONSTRAINT 时可以通过设置视图的约束来控制其尺寸。例如你可以让视图的宽度或高度匹配父容器或者根据其他视图的尺寸来调整自己的尺寸。这样做的好处是它允许视图在不同屏幕尺寸和方向下保持更好的适应性。
示例 TextViewandroid:layout_width0dpandroid:layout_heightwrap_contentandroid:idid/TextView1android:background#00ff00android:textTextView1android:visibilityvisibleapp:layout_constraintTop_toTopOfparentapp:layout_constraintLeft_toLeftOfparentapp:layout_constraintRight_toRightOfparent /在一般情况下当我们设置了android:layout_width0dp时这个视图就看不到了但在约束布局当中由于我们设立了左右要与父视图对齐因此运行结果如下 宽高比当宽或高至少有一个尺寸被设置为0dp时可以通过属性layout_constraintDimensionRatio设置宽高比
示例
androidx.constraintlayout.widget.ConstraintLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityTextViewandroid:layout_width0dpandroid:layout_height100dpandroid:idid/TextView1android:background#00ff00android:textTextView2android:visibilityvisibleapp:layout_constraintDimensionRatio1:1app:layout_constraintTop_toTopOfparentapp:layout_constraintLeft_toLeftOfparent /TextViewandroid:layout_width0dpandroid:layout_height100dpandroid:idid/TextView2android:background#00ff00android:textTextView2android:visibilityvisibleapp:layout_constraintDimensionRatioH,2:3app:layout_constraintTop_toTopOfparentapp:layout_constraintRight_toRightOfparent /TextViewandroid:layout_width0dpandroid:layout_height100dpandroid:idid/TextView3android:background#00ff00android:textTextView1android:visibilityvisibleapp:layout_constraintDimensionRatioW,2:3app:layout_constraintBottom_toBottomOfparentapp:layout_constraintLeft_toLeftOfparent //androidx.constraintlayout.widget.ConstraintLayout运行结果 一般没有特殊声明时指的为高比宽也可在前面加上比例的限制例如上面的示例文本控件2与文本控件3就加了限制当前面为H时代表的是高比宽当前面为W时代表的是宽比高。
链
在约束布局中链Chains是一种用于定义一组相关控件之间关系的方法可以控制它们的排列方式和行为。
属性作用app:layout_constraintHorizontal_chainStyle定义水平链的样式可以设置为 spread均匀分布、spread_inside均匀分布但不包括边缘控件或 packed靠拢排列。app:layout_constraintVertical_chainStyle定义垂直链的样式可以设置为 spread、spread_inside或 packed。app:layout_constraintHorizontal_bias设置水平链中每个控件的偏移量取值范围为 0.0左边到 1.0右边。app:layout_constraintVertical_bias设置垂直链中每个控件的偏移量app:layout_constraintHorizontal_weight定义水平链中每个控件的权重用于均匀分配额外空间。app:layout_constraintVertical_weight定义垂直链中每个控件的权重。
示例
androidx.constraintlayout.widget.ConstraintLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityTextViewandroid:layout_width50dpandroid:layout_heightwrap_contentandroid:idid/TextView1android:background#00ff00android:textTextView2android:visibilityvisibleapp:layout_constraintHorizontal_chainStylespread_insideapp:layout_constraintTop_toTopOfparentapp:layout_constraintLeft_toLeftOfparentapp:layout_constraintRight_toLeftOfid/TextView2 /TextViewandroid:layout_width50dpandroid:layout_heightwrap_contentandroid:idid/TextView2android:background#ff0011android:textTextView2android:visibilityvisibleapp:layout_constraintTop_toTopOfparentapp:layout_constraintLeft_toRightOfid/TextView1app:layout_constraintRight_toRightOfparentapp:layout_constraintRight_toLeftOfid/TextView3 /TextViewandroid:layout_width50dpandroid:layout_heightwrap_contentandroid:idid/TextView3android:background#1100ffandroid:textTextView1android:visibilityvisibleapp:layout_constraintTop_toTopOfparentapp:layout_constraintRight_toRightOfparentapp:layout_constraintLeft_toRightOfid/TextView2 //androidx.constraintlayout.widget.ConstraintLayout运行程序此时结果为 当我们将第一个的属性改变app:layout_constraintHorizontal_chainStylespread app:layout_constraintHorizontal_chainStylepacked此时三个TextView为挨在一起的
到这里就结束了
