首页 > 其他 > 详细

ConstraintLayout 布局和动画使用

时间:2021-04-06 16:56:56      阅读:47      评论:0      收藏:0      [点我收藏+]

一、百分比布局使用Guideline


<?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/layout_root"
android:layout_width="match_parent"
android:layout_height="match_parent">

<Button
android:id="@+id/btn_one"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="button1"
android:textSize="@dimen/text_size_large"
app:layout_constraintLeft_toLeftOf="@id/guideline_v_1"
app:layout_constraintTop_toTopOf="@id/guideline_h_1" />

<!--region for guideline-->
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline_h_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.04" />

<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline_h_2"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.5" />

<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline_v_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.06" />
<!--endregion for guideline-->

</androidx.constraintlayout.widget.ConstraintLayout>

二、位移动画使用

如下代码 蒋buttonOne 动画移动到guideline_h_2位置
ConstraintSet set = new ConstraintSet();
set.clone(mLayoutRoot);
set.connect(R.id.btn_one, ConstraintSet.TOP, R.id.guideline_h_2, ConstraintSet.TOP);
set.applyTo(mLayoutRoot);

//如下执行动画操作,如果不调用,则立即位移
Transition transition = new ChangeBounds();
TransitionManager.endTransitions(mLayoutRoot);
transition.setInterpolator(interpolator);//设置插值器
transition.setDuration(duration); //设置动画时长
TransitionManager.beginDelayedTransition(mLayoutRoot,transition);//执行动画

ConstraintLayout 布局和动画使用

原文:https://www.cnblogs.com/adamli/p/14622092.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!