您當前位置：首頁 > 互聯網 > Android Material Design-Defining Custom Animations(自定義動畫)-(六)

Android Material Design-Defining Custom Animations(自定義動畫)-(六)

來源：程序員人生發布時間：2014-11-25 08:21:26 閱讀次數：2671次

轉載請注明出處：http://blog.csdn.net/bbld_/article/details/40633327

用戶跟你的app進行交互時，material design中的動畫給予用戶動作的反饋和提供視覺的1致性(感受)。Material主題提供了1些默許的按鈕和activity過渡的動畫效果，而在Android 5.0(API級別21)或以上的系統版本中你可以自定義這些動畫，還可以創建新的動畫：

l Touch feedback(觸摸反饋)

l Circular Reveal(循環顯示)

l Activity transitions(Activity過渡)

l Curved motion(曲線運動)

l View state changes(視圖狀態改變)

自定義觸摸反饋

當用戶與用戶界面進行交互時，materialdesign中的觸摸反饋在觸摸點上提供了1種瞬時視覺確認。按鈕的默許觸摸反饋動畫使用新的RippleDrawable類，它使用漣漪(波紋)效應在不同狀態間轉換。

在大多數情況下，你應當在你的布局XML文件中使用以下的方法去指定視圖的背景：

l ?android:attr/selectableItemBackground for a bounded ripple(有界的波紋)

l ?android:attr/selectableItemBackgroundBorderless for a ripple that extends beyond the view(能越界的波紋)

注意：selectableItemBackgroundBorderless是API級別21上的新屬性。

或，你可以定義1個RippleDrawable作為波紋元素的XML資源

你可以給RippleDrawable對象指定1種色彩。要更改默許的觸摸反饋色彩，使用主題的android:colorControlHighlight屬性。

更多的信息，請參閱RippleDrawable類的API文檔說明。

使用揭露效果

當你顯示或隱藏1組UI元素時，顯示動畫為用戶提供視覺的連續性(感受)。ViewAnimationUtils.createCircularReveal() 方法使你可使用動畫效果來顯示或隱藏1個視圖。

顯示(揭露)之前看不見的視圖：

// previously invisible view View myView = findViewById(R.id.my_view); // get the center for the clipping circle int cx = (myView.getLeft() + myView.getRight()) / 2; int cy = (myView.getTop() + myView.getBottom()) / 2; // get the final radius for the clipping circle int finalRadius = myView.getWidth(); // create and start the animator for this view // (the start radius is zero) Animator anim = ViewAnimationUtils.createCircularReveal(myView, cx, cy, 0, finalRadius); anim.start();

隱藏1個可見的視圖：

// previously visible view final View myView = findViewById(R.id.my_view); // get the center for the clipping circle int cx = (myView.getLeft() + myView.getRight()) / 2; int cy = (myView.getTop() + myView.getBottom()) / 2; // get the initial radius for the clipping circle int initialRadius = myView.getWidth(); // create the animation (the final radius is zero) Animator anim = ViewAnimationUtils.createCircularReveal(myView, cx, cy, initialRadius, 0); // make the view invisible when the animation is done anim.addListener(new AnimatorListenerAdapter() { @Override public void onAnimationEnd(Animator animation) { super.onAnimationEnd(animation); myView.setVisibility(View.INVISIBLE); } }); // start the animation anim.start();

自定義Activity的過渡

在materialdesign的app中Activity的過渡中，手勢產生的不同狀態和常見的元素之間的轉換(都)提供了視覺的連接。在activities之間，你可以為進入、退出、同享元素的過渡指定自定義動畫。

l 1個進入的過渡(動畫)決定activity中的所有的視圖怎樣進入屏幕。例如，在分解(explode)進入過渡(動畫)中，所有視圖從屏幕外進入并且1起飛向屏幕中心。

l 1個退出的過渡(動畫)決定1個activity中的所有視圖怎樣退出屏幕。例如，在分解(explode)退出過渡(動畫)中，所有視圖總是從屏幕中間退出。

l 1個同享元素過渡(動畫)決定兩個activities之間的過渡，怎樣同享(它們)的視圖。例如，如果兩個activities有相同的圖象且是有不同的位置和大小，那末changeImageTransform(原文的單詞，改變圖象變換？)同享元素的過渡轉換盒平滑的縮放圖象。