ConstraintLayout使用心得
2017-04-22 13:33
573 查看
constraintLayout出来已经有一段时间了,一直没有使用,最近领导让给大家讲讲。于是,抽空看了一下官方文档,然后这两天实践了一下。
1. 使用代码比使用可视化界面更方便,只要记住它的属性即可,可视化还不是正式版,处于测试试用阶段;
2. 想要控件水平居中显示:
效果如图
3. 想要两个控件各占半个屏幕居中显示,关键在于使用guideline:
显示效果如下:
4. 相册中均分屏幕宽度,方形显示,不用再获取屏幕尺寸,手动计算宽度了:
长宽都是0dp,w表示宽度是能确定的,然后高度根据1:1确定;
1. 使用代码比使用可视化界面更方便,只要记住它的属性即可,可视化还不是正式版,处于测试试用阶段;
2. 想要控件水平居中显示:
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" android:text="水平居中显示"/>
效果如图
3. 想要两个控件各占半个屏幕居中显示,关键在于使用guideline:
<android.support.constraint.Guideline android:id="@+id/guideline" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.5" /> <TextView android:id="@+id/tv_pv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="浏览量" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toLeftOf="@+id/guideline" app:layout_constraintTop_toTopOf="parent" /> <TextView android:id="@+id/tv_ranking" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="在全球中的排名" app:layout_constraintLeft_toRightOf="@id/guideline" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" />
显示效果如下:
4. 相册中均分屏幕宽度,方形显示,不用再获取屏幕尺寸,手动计算宽度了:
<ImageView android:layout_width="0dp" android:layout_height="0dp" app:layout_constraintDimensionRatio="W,1:1"/>
长宽都是0dp,w表示宽度是能确定的,然后高度根据1:1确定;
相关文章推荐
- ConstraintLayout学习使用心得
- Auto Layout 使用心得
- Auto Layout 使用心得(五)—— 根据文字、图片自动计算 UITableViewCell 高度
- Android ConstraintLayout使用指南
- Android ConstraintLayout使用指南
- 使用ConstraintLayout创建复杂的表单布局
- Android-ConstraintLayout使用笔记
- [置顶] 最新的布局飞快的到来,让我们探索牛逼的布局。Android Studio中ConstraintLayout的使用
- 使用约束布局(ConstraintLayout)构建灵活的UI
- Android ConstraintLayout使用指南
- Auto Layout 使用心得(六)—— 制造炫酷的下拉刷新动画
- 了解使用Android ConstraintLayout
- Auto Layout 使用心得(一)—— 初体验
- 2017/02/10 使用 ConstraintLayout 的总结
- Android N 分屏(多窗口支持)+ConstraintLayout简单使用
- Auto Layout 使用心得(三)—— 自定义 cell 并使用 Auto Layout
- Auto Layout 使用心得
- ConstraintLayout约束布局的概念与使用
- 新布局节点ConstraintLayout基本使用
- ConstraintLayout 初步理解和使用