新控件ConstraintLayout、FlexboxLayout快速使用
2017-09-08 18:15
417 查看
ConstraintLayout:
(1)导包
compile ‘com.android.support:appcompat-v7:25.0.1’
类名:
android.support.constraint.ConstraintLayout
(2)属性介绍
一、位置控制
子控件的属性:
(1)8个边界约束属性可以固定View的最左边、最右边、最上面、最下面的位置
app:layout_constraintLeft_toLeftOf
app:layout_constraintLeft_toRightOf //我最左边的位置 在别人的右边 下面的意思类似
app:layout_constraintRight_toRightOf
app:layout_constraintRight_toLeftOf app:layout_constraintTop_toTopOf
app:layout_constraintTop_toBottomOf
app:layout_constraintBottom_toBottomOf
app:layout_constraintBottom_toTopOf
(2)通过设置偏移属性,可以控制View在边界范围移动,最左边是0,最右边是1,中间是0.5:
二、大小控制
layout_constraintHorizontal_weight //水平方向上比重,类似线性布局
layout_constraintVertical_weight //垂直方向上比重,类似线性布局
1.实现水平方向线性布局,所有的View都必须设置左右边界控制属性,而且相互控制
2.实现比重大小控制,必须设置layout_width=”0dp”重点内容
FlexboxLayout
根布局:xmlns:app=”http://schemas.android.com/apk/res-auto”
app:flexDirection=”column”
app:flexWrap=”wrap”
app:justifyContent=”center”
app:alignItems=”flex_start”
app:alignContent=”flex_start”
(1)导包
compile ‘com.android.support:appcompat-v7:25.0.1’
类名:
android.support.constraint.ConstraintLayout
(2)属性介绍
一、位置控制
子控件的属性:
(1)8个边界约束属性可以固定View的最左边、最右边、最上面、最下面的位置
app:layout_constraintLeft_toLeftOf
app:layout_constraintLeft_toRightOf //我最左边的位置 在别人的右边 下面的意思类似
app:layout_constraintRight_toRightOf
app:layout_constraintRight_toLeftOf app:layout_constraintTop_toTopOf
app:layout_constraintTop_toBottomOf
app:layout_constraintBottom_toBottomOf
app:layout_constraintBottom_toTopOf
(2)通过设置偏移属性,可以控制View在边界范围移动,最左边是0,最右边是1,中间是0.5:
layout_constraintHorizontal_bias(水平方向偏移)(范围0-1) layout_constraintVertical_bias(垂直方向偏移)(范围0-1)
二、大小控制
layout_constraintHorizontal_weight //水平方向上比重,类似线性布局
layout_constraintVertical_weight //垂直方向上比重,类似线性布局
1.实现水平方向线性布局,所有的View都必须设置左右边界控制属性,而且相互控制
2.实现比重大小控制,必须设置layout_width=”0dp”重点内容
FlexboxLayout
根布局:xmlns:app=”http://schemas.android.com/apk/res-auto”
app:flexDirection=”column”
app:flexWrap=”wrap”
app:justifyContent=”center”
app:alignItems=”flex_start”
app:alignContent=”flex_start”
子元素属性: app:layout_order="3" app:layout_flexGrow="1" app:layout_alignSelf="stretch" app:layout_flexShrink="1" app:layout_alignSelf="baseline" app:layout_flexBasisPercent="80%"
相关文章推荐
- PyQt5学习教程8:使用Box Layout布局控件
- 【Android 基础】Google新推出的Android布局控件FlexboxLayout
- Android Flexboxlayout使用详解
- android flexboxlayout简单使用
- android中使用flexboxlayout
- Android FlexboxLayout的简单了解以及使用
- 谷歌推出Android 响应式布局控件 FlexboxLayout -弹性盒子模型
- 【39】FlexboxLayout使用介绍
- 使用storyboard添加控件,用代码为控件添加约束时,出现NSIBPrototypingLayoutConstraint冲突的解决办法
- 【39】FlexboxLayout使用介绍
- FlexboxLayout的使用
- 【39】FlexboxLayout使用介绍
- Swing中使用Box(BoxLayout)添加控件间的距离的三种方法
- [置顶] 使用FlexboxLayout完成优雅的布局
- Android最新控件FlexboxLayout
- 响应式布局控件FlexboxLayout 盒子模型
- Android 排版库:FlexboxLayout简单使用。
- 【39】FlexboxLayout使用介绍
- Flex 3快速入门: 构建高级用户界面 使用 Tree 控件
- 【转】Masonry介绍与使用实践(快速上手Autolayout)