<?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">
<!--layout_constraintDimensionRatio宽高比例-->
<TextView
android:id="@+id/tv_banner"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="#9a9f5f"
android:gravity="center"
android:text="协调者布局Banner"
app:layout_constraintDimensionRatio="16:9"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent" />
<TextView
android:id="@+id/view1"
android:layout_width="140dp"
android:layout_height="90dp"
android:layout_margin="10dp"
android:background="@color/colorAccent"
android:gravity="center"
android:text="ImageView"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_banner" />
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginStart="10dp"
android:ellipsize="end"
android:lines="3"
android:text="@string/news"
android:textSize="16sp"
app:layout_constraintLeft_toRightOf="@+id/view1"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="@+id/view1" />
<TextView
android:id="@+id/tv_time"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginStart="10dp"
android:text="8分钟前"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="@+id/view1"
app:layout_constraintLeft_toRightOf="@+id/view1" />
<!--layout_constraintBaseline_toBaselineOf:基线-->
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp"
android:text="5096点击"
app:layout_constraintBaseline_toBaselineOf="@+id/tv_time"
app:layout_constraintRight_toRightOf="parent" />
<!--layout_constraintHorizontal_weight横向权重-->
<TextView
android:id="@+id/tab1"
android:layout_width="0dp"
android:layout_height="40dp"
android:background="#ff0000"
android:gravity="center"
android:text="tab1"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@id/tab2" />
<TextView
android:id="@+id/tab2"
android:layout_width="0dp"
android:layout_height="40dp"
android:background="#00ff00"
android:gravity="center"
android:text="tab2"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintLeft_toRightOf="@id/tab1"
app:layout_constraintRight_toLeftOf="@id/tab3" />
<TextView
android:id="@+id/tab3"
android:layout_width="0dp"
android:layout_height="40dp"
android:background="#0000ff"
android:gravity="center"
android:text="tab3"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@id/tab2"
app:layout_constraintRight_toRightOf="parent" />
<!--layout_constraintVertical_bias:纵向百分比-->
<TextView
android:layout_width="60dp"
android:layout_height="60dp"
android:background="#612"
app:layout_constraintHorizontal_bias="0.8"
app:layout_constraintVertical_bias="0.8"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
<!--辅助线,不会真实显示-->
<android.support.constraint.Guideline
android:id="@+id/guideline_h"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.8" />
<!--辅助线,不会真实显示-->
<android.support.constraint.Guideline
android:id="@+id/guideline_v"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.8" />
<TextView
android:layout_width="60dp"
android:layout_height="60dp"
android:background="#ff0000"
app:layout_constraintBottom_toTopOf="@id/guideline_h"
app:layout_constraintRight_toLeftOf="@id/guideline_v"
/>
</android.support.constraint.ConstraintLayout>
协调者布局 简单代码
猜你喜欢
转载自blog.csdn.net/u011106915/article/details/80181453
今日推荐
周排行