由于最近比较悠闲,重新学习了constraintlayout,看着官网学的,官网网站如下:https://developer.android.com/training/constraint-layout?hl=zh-cn#alignment
其实之前也小小的学过一波constraintlayout,不过因为用线性布局跟相对布局习惯了,加上使用constraintlayout的时候不熟练,控件经常没有出现在预想的位置,后面就没用了。
这里只记录在官网学习的时候遇到的阻碍,官网有的就不写了。
引导线\屏障位置
第一个阻碍是引导线位置,找了一会才找到,右击-Add helpers- guideline就是引导线,barrier就是屏障。
或者是点击左上角的工具栏
使用链控制线性组
同时选择三个button,右击-chains-create Horizontal chain(我想要它们水平对齐)
创建链之后再右击就会长这样了
就有了样式选择,结合官网就知道每个样式对应什么样子了,下面就是官网的截图
例如我选择了 packed效果就会如下图。
如果我想让它们顶端对齐呢,需要右击-Align-Top Edges,完美。
动画
使用 ConstraintSet 和 TransitionManager 为尺寸和位置元素的变化添加动画效果。
需要两个布局文件,一个是动画开始前的,一个是动画之后的。
布局1:activity_constraint1.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/constraint"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="Button"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
布局2:activity_constraint2.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="Button"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
Activity代码:
public class ConstraintActivity extends AppCompatActivity {
private Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_constraint1); //设置一开始的布局
button = findViewById(R.id.button2);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
animate();
}
});
}
public void animate(){
ConstraintLayout constraintLayout = findViewById(R.id.constraint); //获取父布局
ConstraintSet constraintSet = new ConstraintSet(); // ConstraintSet用于存储布局所有的约束
constraintSet.load(this,R.layout.activity_constraint2); //加载第二个布局文件的ConstraintSet
TransitionManager.beginDelayedTransition(constraintLayout);
constraintSet.applyTo(constraintLayout); //布局参数过度到第二个布局文件的ConstraintSet
}
}
不过至少从它需要两个重复率这么高的布局看,我觉得这种动画不咋地。