這篇文章將為大家詳細(xì)講解有關(guān)如何在Android中利用ConstraintLayout實(shí)現(xiàn)一個動畫效果，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

為都安等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及都安網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)、都安網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

xml布局：

到目前為止，這只是一個普通的xml布局，我們再定義另一個布局：

這兩個布局只有ImageView的高度不同，為了執(zhí)行動畫，只需要在Activity中寫幾行代碼即可：

override fun onCreate(savedInstanceState: Bundle?) {
 ...
 val constraintSet1 = ConstraintSet()
 constraintSet1.clone(constraintLayout)
 val constraintSet2 = ConstraintSet()
 constraintSet2.clone(this, R.layout.activity_main_alt)

 var changed = false
 findViewById(R.id.button).setOnClickListener {
 TransitionManager.beginDelayedTransition(constraintLayout)
 val constraint = if (changed) constraintSet1 else constraintSet2
 constraint.applyTo(constraintLayout)
 changed = !changed
 }
}

代碼使用Kotlin寫的，即使沒有學(xué)過，基本也沒有什么障礙，不過還是很有必要學(xué)習(xí)一下的。

代碼中我們使用TransitionManager在Constrainlayout中啟動了一個延時動畫，TransitionManager在交換兩種布局時會自動使用動畫。

重復(fù)的xml Layout

這種方式使用了兩個xml布局，是否重復(fù)了呢，沒有人喜歡重復(fù)的代碼。

其實(shí)沒有你想的那么糟糕，如果為了動畫的目的定義多余的xml，可以省略所有的非布局屬性（如textSize等屬性）。Constrainlayout會自動捕獲所有l(wèi)ayout的基本約束屬性并拋棄其中的一些。

如果你還是想避免重復(fù)的代碼，還可以在代碼中動態(tài)修改約束屬性：

override fun onCreate(savedInstanceState: Bundle?) {
 ...
 val constraintSet1 = ConstraintSet()
 constraintSet1.clone(constraintLayout)
 val constraintSet2 = ConstraintSet()
 constraintSet2.clone(constraintLayout)
 constraintSet2.centerVertically(R.id.image, 0)

 var changed = false
 findViewById(R.id.button).setOnClickListener {
 TransitionManager.beginDelayedTransition(constraintLayout)
 val constraint = if (changed) constraintSet1 else constraintSet2
 constraint.applyTo(constraintLayout)
 changed = !changed
 }
}

使用transition 框架也可以實(shí)現(xiàn)這些動畫

當(dāng)然可以這樣，我們可以通過使用transition框架或者使用屬性設(shè)置也可以實(shí)現(xiàn)動畫。然而，當(dāng)需要的動畫可通過使用特定的約束來實(shí)現(xiàn)時，ConstrainLayout的方法就很有效，否則就需要大量的代碼來實(shí)現(xiàn)動畫效果。

另一個使用場景是當(dāng)很多元素需要動效時，看一個例子：

使用ConstrainLayout可以實(shí)現(xiàn)以上的效果，通過指定不同的xml，動畫就會自動執(zhí)行。

注意事項(xiàng)

1. 啟動動畫的方法：

TransitionManager.beginDelayedTransition(constraintLayout)

2. 自定義動畫

還可以自定義Transition：

val transition = AutoTransition()
transition.duration = 1000
TransitionManager.beginDelayedTransition(
 constraintLayout, transition)

3. 嵌套問題

ConstraintLayout只可以對其直接子View執(zhí)行動畫，這就意味著它不能很好地處理嵌套的ViewGroup。在以上的例子中，CardView中的TextView還需要手動處理動畫，也許可以通過嵌套ConstrainLayout來實(shí)現(xiàn)，但是我并沒有進(jìn)行實(shí)驗(yàn)。

4. 非布局屬性

ConstraintLayout只支持約束布局的動畫，不支持其他屬性（如坐標(biāo)修改，文字修改等）。

5. 其他

如果動態(tài)修改ConstraintLayout中元素的基本布局屬性（比如使用translationY），動畫后并不會同步這個變更，也就是說動畫執(zhí)行后，之前修改的屬性將會復(fù)原。

關(guān)于如何在Android中利用ConstraintLayout實(shí)現(xiàn)一個動畫效果就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。