android 约束布局案例
2017-07-22 21:13
232 查看
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:layout_editor_absoluteY="81dp" tools:layout_editor_absoluteX="0dp"> <ImageView android:id="@+id/imageView12" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginBottom="2dp" android:layout_marginLeft="2dp" android:layout_marginRight="2dp" android:layout_marginTop="2dp" app:layout_constraintBottom_toTopOf="@+id/guideline2" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintLeft_toLeftOf="@+id/guideline4" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.0" app:srcCompat="@color/colorAccent" app:layout_constraintRight_toLeftOf="@+id/guideline3" /> <ImageView android:id="@+id/imageView13" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginBottom="2dp" android:layout_marginLeft="2dp" android:layout_marginRight="2dp" android:layout_marginTop="2dp" app:layout_constraintBottom_toTopOf="@+id/guideline" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintLeft_toLeftOf="@+id/guideline3" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.0" app:srcCompat="@color/colorAccent" /> <ImageView android:id="@+id/imageView10" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginBottom="2dp" android:layout_marginLeft="2dp" android:layout_marginRight="2dp" android:layout_marginTop="2dp" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintTop_toTopOf="@+id/guideline" app:layout_constraintVertical_bias="0.0" app:srcCompat="@color/colorAccent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintLeft_toLeftOf="@+id/guideline3" app:layout_constraintBottom_toTopOf="@+id/guideline2" /> <ImageView android:id="@+id/imageView11" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginBottom="2dp" android:layout_marginLeft="2dp" android:layout_marginRight="2dp" android:layout_marginTop="2dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintLeft_toLeftOf="@+id/guideline3" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="@+id/guideline2" app:layout_constraintVertical_bias="0.0" app:srcCompat="@color/colorAccent" /> <ImageView android:id="@+id/imageView9" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginBottom="2dp" android:layout_marginLeft="2dp" android:layout_marginRight="2dp" android:layout_marginTop="2dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintRight_toLeftOf="@+id/guideline3" app:layout_constraintTop_toTopOf="@+id/guideline2" app:layout_constraintVertical_bias="0.0" app:srcCompat="@color/colorAccent" app:layout_constraintLeft_toLeftOf="@+id/guideline5" /> <android.support.constraint.Guideline android:id="@+id/guideline2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:layout_constraintGuide_percent="0.67" /> <android.support.constraint.Guideline android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/guideline" android:orientation="horizontal" app:layout_constraintGuide_percent="0.33" /> <android.support.constraint.Guideline android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/guideline3" android:orientation="vertical" app:layout_constraintGuide_percent="0.75" /> <android.support.constraint.Guideline android:id="@+id/guideline5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.58" /> <android.support.constraint.Guideline android:id="@+id/guideline6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.41" /> <android.support.constraint.Guideline android:id="@+id/guideline4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.25" /> <ImageView android:id="@+id/imageView2" android:layout_width="0dp" android:layout_height="0dp" app:srcCompat="@color/colorAccent" app:layout_constraintRight_toLeftOf="@+id/guideline4" app:layout_constraintLeft_toLeftOf="parent" android:layout_marginLeft="2dp" android:layout_marginRight="2dp" app:layout_constraintTop_toTopOf="parent" android:layout_marginTop="2dp" android:layout_marginBottom="2dp" app:layout_constraintBottom_toTopOf="@+id/guideline" /> <ImageView android:id="@+id/imageView4" android:layout_width="0dp" android:layout_height="0dp" app:srcCompat="@color/colorAccent" app:layout_constraintRight_toLeftOf="@+id/guideline4" android:layout_marginRight="2dp" android:layout_marginLeft="2dp" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintTop_toTopOf="@+id/guideline" android:layout_marginTop="0dp" android:layout_marginBottom="2dp" app:layout_constraintBottom_toTopOf="@+id/guideline2" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintVertical_bias="0.0" /> <ImageView android:id="@+id/imageView5" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginBottom="2dp" app:layout_constraintBottom_toBottomOf="parent" app:srcCompat="@color/colorAccent" app:layout_constraintTop_toTopOf="@+id/guideline2" android:layout_marginTop="2dp" android:layout_marginLeft="2dp" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toLeftOf="@+id/guideline4" android:layout_marginRight="2dp" app:layout_constraintHorizontal_bias="0.503" app:layout_constraintVertical_bias="0.505" /> <ImageView android:id="@+id/imageView6" android:layout_width="0dp" android:layout_height="0dp" app:srcCompat="@color/colorAccent" app:layout_constraintRight_toLeftOf="@+id/guideline6" android:layout_marginRight="2dp" android:layout_marginLeft="2dp" app:layout_constraintLeft_toLeftOf="@+id/guideline4" app:layout_constraintTop_toTopOf="@+id/guideline2" android:layout_marginTop="2dp" app:layout_constraintBottom_toBottomOf="parent" android:layout_marginBottom="2dp" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintVertical_bias="0.0" /> <ImageView android:id="@+id/imageView8" android:layout_width="0dp" android:layout_height="0dp" app:srcCompat="@color/colorAccent" app:layout_constraintRight_toLeftOf="@+id/guideline5" android:layout_marginRight="2dp" android:layout_marginLeft="2dp" app:layout_constraintBottom_toBottomOf="parent" android:layout_marginBottom="2dp" app:layout_constraintTop_toTopOf="@+id/guideline2" android:layout_marginTop="2dp" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintVertical_bias="0.0" app:layout_constraintLeft_toLeftOf="@+id/guideline6" /> </android.support.constraint.ConstraintLayout> <!-- app:layout_constraintHorizontal_bias 水平偏移量,取值0~1,默认0.5 app:layout_constraint本源_to目标="目标id" -->
相关文章推荐
- Android应用开发之FrameLayout (帧布局)+小鸟飞翔案例
- Android 约束布局constrainLayout
- Android ConstraintLayout 约束布局详解
- Android新特性之ContraintLayout约束布局
- Android应用开发之FrameLayout (帧布局)+小鸟飞翔案例
- Android ConstraintLayout 约束布局
- Android 约束布局(ConstraintLayout)详解
- [Android]如何让ListView显示不同布局的解决方式和案例
- Android ViewPager使用详解,加载几个简单布局案例+代码
- Android 约束布局(ConstraintLayout)详解
- Android之ConstraintLayout(依赖约束)布局
- Android新布局值ConstraintLayout(约束布局)
- Android之界面布局案例
- Android开发笔记(一百四十九)约束布局ConstraintLayout
- android开发4:布局管理器1(线性布局,相对布局RelativeLayout-案例)
- Android 减少布局层次—— ConstraintLayout 约束布局 的使用
- Android的约束布局ConstaintLayout
- 详解Android ConstraintLayout 约束布局的用法
- Android开发6:布局管理器3(帧布局FrameLayout-案例霓虹灯效果用到的知识点)