ConstraintLayout2
ImageFilterView
属性
- app:altSrc：altSrc提供的资源将会和src提供的资源通过crossfade属性形成交叉淡化效果。默认情况下,crossfade=0，altSrc所引用的资源不可见,取值在0-1
- app:saturation：float型，默认1，取值0为灰阶样式，大于1的数值都是超饱和状态
- app:brightness：float型，默认1，值越大亮度越高
- app:warmth：float型，默认值1，小于1是冷色调，大于1是暖色调
- app:contrast：float型，默认1，取值0相当于图片变全黑，大于1都是高对比度状态
- app:round：取值0-size/2之间，超过就没什么意义了，默认0，就是方形；对于正方形来说，取值size/2就是圆形
- app:roundPercent：取值0-1之间，超过1就没什么意义了，默认0就是方形，1是圆形图片。和app:round意思一样，只不过一个是具体的大小，一个是百分比。
- app:overlay：定义alt图像是在原始图像的顶部淡入，还是与其交叉淡入。默认值为true。对于半透明对象设置为false。
使用
<androidx.constraintlayout.utils.widget.ImageFilterView
android:id="@+id/imageFilterView"
android:layout_width="600px"
android:layout_height="400px"
android:scaleType="centerCrop"
android:src="@drawable/image_filter_view_bg"
app:altSrc="@drawable/image_filter_view_alt_bg"
app:brightness="1.2"
app:contrast="0.8"
app:crossfade="0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:overlay="true"
app:round="30px"
app:saturation="0"
app:warmth="1.2" />
Flow
属性
- app:constraint_referenced_ids 指定引用的控件id或其它Flow 的id等，也可以通过tag引用。被引用的控件原来的方位约束会失效，按引用的顺序排列
- app:flow_wrapMode指定控件排列时自适应方式，不同方式可用的配套属性也不一样。
- none : 简单地把constraint_referenced_ids里面的元素组成chain,即使空间不够
- chain : 根据空间的大小和元素的大小组成一条或者多条 chain
- aligned : chain类似，但是会对齐
- android:orientation 指定Flow的方向
- app:flow_horizontalGap=“30px” 水平间隔
- app:flow_verticalGap=“30px” 垂直间隔
使用
<androidx.constraintlayout.helper.widget.Flow
android:id="@+id/flow_view"
android:layout_width="300px"
android:layout_height="wrap_content"
app:flow_horizontalGap="30px"
app:flow_verticalGap="30px"
android:orientation="horizontal"
app:constraint_referenced_ids="tvA,tvB,tvC,tvD,tvE,tvF,tvG"
app:flow_wrapMode="aligned"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageFilterView" />
<TextView
android:id="@+id/tvA"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/teal_200"
android:gravity="center"
android:text="A"
android:textColor="#ffffff"
android:textSize="16sp"
tools:ignore="MissingConstraints" />
<TextView
android:id="@+id/tvB"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/teal_200"
android:gravity="center"
android:text="B"
android:textColor="#ffffff"
android:textSize="16sp"
/>
<TextView
android:id="@+id/tvC"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/teal_200"
android:gravity="center"
android:text="C"
android:textColor="#ffffff"
android:textSize="16sp"
/>
<TextView
android:id="@+id/tvD"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/teal_200"
android:gravity="center"
android:text="D"
android:textColor="#ffffff"
android:textSize="16sp"
/>
<TextView
android:id="@+id/tvE"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/teal_200"
android:gravity="center"
android:text="E"
android:textColor="#ffffff"
android:textSize="16sp"
/>
<TextView
android:id="@+id/tvF"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/teal_200"
android:gravity="center"
android:text="F"
android:textColor="#ffffff"
android:textSize="16sp"
/>
<TextView
android:id="@+id/tvG"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/teal_200"
android:gravity="center"
android:text="G"
android:textColor="#ffffff"
android:textSize="16sp"
/>
ConstraintLayoutStates
使用
在xml文件夹下创建layout.xml文件
<?xml version="1.0" encoding="utf-8"?>
<ConstraintLayoutStates xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<State
android:id="@+id/layout_state_1"
app:constraints="@layout/layout_state_1" />
<State
android:id="@+id/layout_state_2"
app:constraints="@layout/layout_state_2" />
<State
android:id="@+id/layout_state_3"
app:constraints="@layout/layout_state_3" />
</ConstraintLayoutStates>
constraints对应的ID与布局id对应即可
mBinding.parentLayoutView.loadLayoutDescription(R.xml.constraint_layout_state)
mBinding.parentLayoutView.setState(R.id.parent_layout_state_2,0,0)
