首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android开发笔记(一百四十九)约束布局ConstraintLayout

约束布局正是为了解决这些问题应运而生,它兼顾灵活性和高效率,可以看作是相对布局的升级版,在很大程度上改善了Android的用户体验。...在XML文件中调整控件布局 传统布局如线性布局、相对布局基本是在XML文件中手工添加控件节点,约束布局当然也允许在布局文件中指定控件的相对位置,这跟相对布局内部的控件位置调整类似,只不过用来表示位置的属性换了个名字罢了...该控件的顶部与另一个控件的底部对齐 layout_constraintBottom_toTopOf : 该控件的底部与另一个控件的顶部对齐 layout_constraintBottom_toBottomOf...: 该控件的底部与另一个控件的底部对齐 layout_constraintLeft_toLeftOf : 该控件的左侧与另一个控件的左侧对齐 layout_constraintLeft_toRightOf...: 该控件的右侧与另一个控件的右侧对齐 下面是一个运用约束布局的XML文件例子: android.support.constraint.ConstraintLayout xmlns:android

2.1K20

安卓开发之布局

=””             将该控件的左边缘与给定ID控件的左边缘对齐 android:layout_alignRight=””          将该控件右边缘与给定ID控件的右边缘对齐 android...则该控件的底部和父控件的底部对齐 android:layout_alignParentLeft=”true”  如果该值为true则该控件的左边与父控件的左边对齐 android:layout_alignParentRight...=”true”如果该值为true则该控件的右边与父控件的右边对齐 android:layout_alignParentTop=”true”  如果该值为true则该控件的顶部与父控件的顶部对齐 android...该控件将置于水平和垂直方向的中心 android:layout_centerVertical=””   如果值为true该控件将置于垂直方向的中心 四、常见布局属性 android:layout_width...代码中使用findViewById获取到xml页面中设置id属性的组件 2. android:gravity=”left|center_vertical”这样的是说明在屏幕左方而且是垂直居中的 3.其他布局有绝对布局

2K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    android常用布局详解「建议收藏」

    ” android:layout_alignParentTop 控件的顶部与父控件的顶部对齐; android:layout_alignParentBottom 控件的底部与父控件的底部对齐; android...:layout_alignParentLeft 控件的左部与父控件的左部对齐; android:layout_alignParentRight 控件的右部与父控件的右部对齐; 2、相对给定Id控件,例如...ID的控件之下; android:layout_toLeftOf 控件的右边缘与给定ID的控件左边缘对齐; android:layout_toRightOf 控件的左边缘与给定ID的控件右边缘对齐; android...:layout_alignBaseline 控件的baseline与给定ID的baseline对齐; android:layout_alignTop 控件的顶部边缘与给定ID的顶部边缘对齐; android...本元素的右边缘和某元素的的右边缘对齐 未完,,约束布局在路上。

    2.1K40

    还在用Android正经布局来写页面吗?

    2、设置margin边距 边距,和传统的布局是一样的用法,但是这里要注意的是,必须要设置自己的相对位置(先要指定自己在容器中的位置,可以是相对容器的,也可以是相对某个控件的),如果不设置的话,那么设置...之后,与之关联的控件的位置常常也会发生改变,来看看样式: ?...这个很好理解,设置与容器的左边和右边分别对齐,这样的话就能让控件水平居中了,同理垂直居中和中心对齐也是这样。...5、CircleRadius角度定位(在版本1.1中加入) ? ? 官网给出的解释是,你可以以角度和距离约束窗口小部件中心相对于另一个窗口小部件中心。...layout_constraintCircle表示相对某一指定控件,上图中表示相对ButtonA;layout_constraintCircleRadius表示该控件的中心点到指定控件的中心点的距离(两点之间

    1.3K30

    Constraintlayout约束布局三问

    ConstraintLayout名字叫约束布局,跟RelativeLayout相对布局有点像,主要使用约束的方式来指定各个控件的位置和关系,但是又远远比RelativeLayout强大。...但是ConstraintLayout功能可多了去了,可以设置比例,设置在控件中的位置,可以设置view中心的距离,还可以设置辅助线。..." 我的底部与父view底部对齐 居中效果 设置位置,左边与父布局左边对齐,右边与父布局右边对齐,就会形成左右一个平局的拉力,也就居中显示与父布局了。...="0.3" 通过该属性可以设置在父布局中显示的位置,按比例显示,比如0.3就代表在3/10的位置。...还可以设置相对于view的中心点进行位置摆放,主要涉及到三个属性: layout_constraintCircle :引用另一个view的ID layout_constraintCircleRadius

    1.6K10

    Android基础_3 Activity相对布局

    相对布局要比前面讲的线性布局和表格布局要灵活一些,所以平常用得也是比较多的。...相对布局控件的位置是与其周围控件的位置相关的,从名字可以看出来,这些位置都是相对的,确定出了其中一个控件的位置就可以确定另一个控件的位置了。         ...在相对布局中,一般用到的控件属性解释如下:          在相对布局中有如下属性,解释如下:          android:layout_above  为将该控件的底部放在指定id控件的上方         ...android:layout_toRightOf  将该控件的左端紧挨着放在指定id控件的右端          android:layout_alignParentRight  为true时将该控件右端与父控件右端对齐...将该控件左边与指定id控件左边对齐          android:layout_alignRight                 将该控件右边与指定id控件右边对齐          android

    53330

    vs中如何让所有控件居中_android自定义控件

    如何让一个控件在另一个控件下面,直接操作下面代码: <LinearLayout android:id="@+id/ly_dialogPersonCode_Title" android:layout_width...下面威哥介绍下相对布局的概念: 相对布局,即是相对于某个参照物的位置来摆放新的控件,由RelativeLayout类表示。...当参照物确定后,还需指定相对于参照物的方位以及对齐方式才能更加精确的指定控件的具体位置,例如位于参照物的上方,并且与参照物左对齐等等。...:设置该控件与给定的ID控件的上边界对齐; android:layout_alignBottom:设置该控件与给定的ID控件的下边界对齐; android:layout_alignLeft:设置该控件与给定的...ID控件的左边界对齐; android:layout_alignRight:设置该控件与给定的ID控件的右边界对齐。

    1K30

    Android之布局详解

    本元素的文本与父元素文本对齐 android:layout_below 在某元素的下方 android:layout_above 在某元素的的上方 android:layout_toLeftOf 在某元素的左边...其实从名字就可以看出来 android:gravity用于指定文字在控件中的对齐方式,而android:layout_gravity用于指定控件在布局中的对齐方式。...android:layout_above属性可以让一个空间位于另一个控件的上方,需要为这个属性指定相对控件id的引用,这里我们填入了@id/button3,表示让该控件位于Button3的上方。...注意:当一个控件去引用另一个控件的id时,该控件一定要定义在引用控件的后面,不然会出现找不到id的情况。...RelativeLayout中还有另外一组相对于控件进行定位的属性,android:layout_alignLeft表示让一个控件的左边缘和另一个控件的左边缘对齐。

    2K10

    android基础

    布局 基本布局 FrameLayout 线性布局 LinearLayout 相对布局 RelativeLayout 绝对布局 AbsduteLayout 表格布局 TableLayout 标签布局 TabLayout...android.intent.category.LAUNCHER 决定应用程序是否显示在程序列表里 android:windowSoftInputMode activity主窗口与软键盘的交互模式,可以用来避免输入法面板遮挡问题...=”@id/xxx” –将控件的右边缘和给定ID控件的右边缘对齐 android:layout_alignBottom=”@id/xxx” –将控件的底边缘和给定ID控件的底边缘对齐 android...将控件的底边缘和父控件的底边缘对齐 android:layout_centerInParent=”true” –将控件置于父控件的中心位置 android:layout_centerHorizontal...=”true” –将控件置于水平方向的中心位置 android:layout_centerVertical=”true” –将控件置于垂直方向的中心位置 shape http://www.cnblogs.com

    78020

    ConstraintLayout 想说爱你不容易~

    和尚理解的约束布局是相对布局的升级版,相对位置,更依赖于其他控件位置,关联性更强。...控件的居中与对齐方式,约束布局中并没有类似于 LinearLayout/RelativeLatout 可以直接设置居中的属性,需要关联周围的布局,相互约束,例如: <LinearLayout android...第二个:控件四个边框中心的空心圆,鼠标点击拖动即可调整与其他控件的关联关系: ?...控件相对于布局的比例/权重,这个就像第二条中居中对齐的功能,如图,控件左侧距左边框长度 与 控件右侧距右边框长度 即图中 x/y 的比例即为相对于布局的水平权重: app:layout_constraintHorizontal_bias...="0.3";控件顶部距上边框长度 与 控件底部距下边框长度 即图中 a/b 的比例即为相对于布局的垂直权重:app:layout_constraintVertical_bias="0.273";当为

    81241

    细细品读!深入浅出,官方文档看ConstraintLayout

    新特性 相对于传统布局,ConstraintLayout在以下方面提供了一些新的特性: 相对定位 外边距 居中和倾向 可见性的表现 尺寸约束 Chain 辅助工具 接下来就这些新特性进行详细了解。...相对定位 相对定位是在ConstraintLayout中创建布局的最基本构建块,也就是一个控件相对于另一个控件进行定位,可以从横向、纵向添加约束关系,用到的边分别有: 横向:Left、Right、Start...一般情况下,GONG控件是不可见的,且不再是布局的一部分,但是在布局计算上,ConstraintLayout与传统布局有一个很重要的区别: 传统布局下,GONE控件的尺寸会被认为是0(当做点来处理) 在...Fig. 6 - 可见时的表现 这种特殊的行为让我们在无需打乱布局情况下,在标记GONE控件的地方构建布局,这样的做法对于做简单的布局动画很有用。...敲黑板,划重点:一般MATCH_PARENT在ConstraintLayout布局下是不支持的,但是在简单的布局结构(如控件的约束只与ConstraintLayout关联)下,MATCH_PARENT是被支持的

    98830

    android菜鸟教程_菜鸟软件下载app

    大家好,又见面了,我是你们的朋友全栈君。 相对布局是通过相对定位的方式让控件出现在布局任意位置; 在相对布局中如果不指定控件摆放的位置,那么控件都会被默认放在RelativeLayout的左上角。...因此要先指定第一个控件的位置,其他控件为该位置的相对位置; RelativeLayout属性: (使用相对布局属性需要先指定控件的id,其他控件根据该控件的id,来确定相对于该控件的相对位置) 示例:...="第二个"/> 结果: (第一个控件默认在布局左上角,如果指定放在第一个控件的左边或者上面,会看不到第二个控件) 与兄弟控件的边缘对齐: android:layout_below...将该控的下边缘对齐指定控件的下边缘 ———————— 与父控件的边缘对齐: android:layout_alignParentLeft 左边缘与父控件的左边缘对齐 android:layout_alignParentRight...右边缘与父控件的右边缘对齐 android:layout_alignParentTop 上边缘与父控件的上边缘对齐 android:layout_alignParentBottom 下边缘与父控件的下边缘对齐

    1.4K30

    Android精通:View与ViewGroup,LinearLayout线性布局,RelativeLayout相对布局,ListView列表组件

    viewgroup.png Android为我们提供了View和ViewGroup的两个子类的集合,提供常用的一些输入控件(比如按钮,图片和文本域等)和各种各样的布局模式(比如线程布局,相对布局,绝对布局...相对布局: 指子控件以控件之间的相对位置或子控件相对于父容器的位置排列。 帧布局: 指所有子控件均放在左上角且后面元素直接覆盖在前面元素之上。...表示填充父容器 gravity:控制组件所包含的子元素的对齐方式 layout_gravity:控制该组件在父容器里的对齐方式 background:为该组件添加一个背景图片 LinearLayout...相对布局 RelativeLayout是一个相对布局的视图组,用来显示相对位置的子视图类,在默认情况下,所有子视图对会分布在左上角。...layout_alignParentTop:为true,视图的上边界与父级的上边界对齐 layout_centerVertical:为true,将子类放置在父类中心 layout_below:将该视图放在资源

    1.9K20

    【约束布局】ConstraintLayout 约束布局 ( 简介 | 引入依赖 | 基本操作 | 垂直定位约束 | 角度定位约束 | 基线约束 )

    : ConstraintLayout 的布局 , 是 通过 约束规则 实现的 , 其新增了很多属性 ; 4.与相对布局 ( RelativeLayout ) 比较 : ① 相同点 ( 所有组件都有关联...该 View 设置 一个垂直 和 一个水平 约束 ; 2.约束内容 : 每种约束都 代表了 该组件 与 另外一个组件 ( 或父控件 , 基线 Guideline ) 之间的 联系方式 或 对齐方式 ;...) : 如下图 , 没有为 C 组件设置 垂直约束 , 在布局编辑器中 其 在 A 组件的下方显示 , 但是 在设备上运行时 , C 组件 左右 与 A 组件对齐 , 但是其显示在 屏幕的 最顶端 ,...角度 定位 约束 ( 1 ) 角度定位 约束 角度定位 : 1.简介 : 约束布局 中 的 角度定位 , 同过 设置 一个 角度 和 一个 距离 , 来确定 两个控件的相对位置 ; 2.需要设置的属性...可以使用 基线约束 将两个 视图中的 文本 进行对齐操作 ; 2.设置方法 : 点击 基线约束 按钮 , 鼠标左键按住 并拖动 到另一个组件的基线 , 将该组件的基线约束到 另外 一个组件的基线上 ,

    5.9K41

    【鼠】安卓学习杂记(六)——Android相对布局RelativeLayout

    一、相对布局的作用 是指通过指定当前控件与兄弟控件或父控件之间的位置,以达到控制控件位置的目的。...二、相对布局的属性 方向位置: 1、在兄弟控件的上边:android:layout_above="此处填写兄弟控件的ID" 2、在兄弟控件的下边:android:layout_below="此处填写兄弟控件的...ID" 3、在兄弟控件的左边:android:layout_toLeftOf="此处填写兄弟控件的ID" 4、在兄弟控件的右边:android:layout_toRightOf="此处填写兄弟控件的ID..." 方向对齐: 1、与兄弟控件上对齐:android:layout_alignTop="此处填写兄弟控件的ID" 2、与兄弟控件下对齐:android:layout_alignBottom="此处填写兄弟控件的...ID" 3、与兄弟控件左对齐:android:layout_alignLeft="此处填写兄弟控件的ID" 4、与兄弟控件右对齐:android:layout_alignRight="此处填写兄弟控件的

    8310

    Android Layput布局

    (2) RelativeLayout 相对布局,它是依靠与父容器,同一容器中其它控件的相对位置来排列显示的。...主要常用的属性如下: 相对父容器的属性: android:layout_alignParentTop: 控件的顶部与父容器的顶部对齐,类似的几个属性从名字可以看出它们的作用:android:layout_alignParentBottom...相对同一容器中其它控件的属性: android:layout_above: 表示此控件在另一控件的上面,类似的还有android:layout_below, android:layout_toLeftOf...,android:layout_toRightOf. android:layout_alignTop: 表示此控件与另一控件顶部对齐,类似的还有android:layout_alignBottom, android...既然是相对于另一个控件,就必须在定义这控件时候指定是哪个控件,如控件A的ID为@+id/widget_a, 控件B若要在控件A下面可以这样设置android:layout_below="@id/widget_a

    99920
    领券