1、布局動(dòng)畫LayoutAnimation
作用在ViewGroup上提完，當(dāng)ViewGroup增加view時(shí)形纺，為其添加動(dòng)畫過度效果，
控制一組控件的動(dòng)畫
在XML中定義
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
android:delay="50%"
android:animationOrder="normal"
android:animation="@anim/top_anim"
/>
---
@anim/top_anim
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:duration="400"
android:fromYDelta="100%p"
android:toXDelta="0%p"/>
<alpha android:duration="300"
android:fromAlpha="0"
android:toAlpha="1"/>
</set>
其中
- android:delay：動(dòng)畫播放的延時(shí)徒欣，第二個(gè)執(zhí)行的控件逐样，比第一個(gè)控件延遲多久執(zhí)行
- android:animationOrder：子控件動(dòng)畫的播放順序，有三個(gè)取值normal(順序)打肝、reverse(反序)官研、random(隨機(jī))。
- android:animation：子控件所要播放的動(dòng)畫闯睹，每個(gè)子空間都要執(zhí)行一遍
可以在需要應(yīng)用該動(dòng)畫的ViewGroup中使用
android:layoutAnimation="@anim/layout_animation"
布局動(dòng)畫
布局動(dòng)畫
也可以使用代碼實(shí)現(xiàn)
RelativeLayout container= (RelativeLayout) findViewById(R.id.container);
ScaleAnimation scaleAnimation=new ScaleAnimation(0,4,0,4,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
//每一個(gè)都是1s
scaleAnimation.setDuration(1000);
LayoutAnimationController layoutAnimationController=new LayoutAnimationController(scaleAnimation,0.8f);
layoutAnimationController.setOrder(LayoutAnimationController.ORDER_REVERSE);
container.setLayoutAnimation(layoutAnimationController);
布局動(dòng)畫.gif
參考：
Android LayoutAnimation使用及擴(kuò)展
2戏羽、觸摸反饋ripple
- 可以為View設(shè)置有波紋的background：
- selectableItemBackground：波紋被限制在控件的邊界中
- selectableItemBackgroundBorderless：波紋會(huì)呈圓形發(fā)散出去，不會(huì)被限制
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
...
android:background="?attr/selectableItemBackground" />
- 可以使用android:colorControlHighlight屬性楼吃，改變觸摸反饋的顏色
?android:attr/selectableItemBackground
?android:attr/selectableItemBackgroundBorderless
也可以自定義ripple
- 可以為ripple設(shè)置子item始花，這樣反饋就會(huì)被限制在控件的范圍內(nèi)；可以為item添加id（id=mask）孩锡，就不會(huì)把該item層繪制在屏幕上了酷宵，同時(shí)又定義了邊界
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#4d000000">
<!--1-->
<item android:id="@android:id/mask">
<shape >
<solid android:color="@android:color/white"/>
</shape>
</item>
<item >
<shape >
<stroke android:color="@color/colorAccent" android:width="1dp"/>
</shape>
</item>
</ripple>
觸摸反饋，有mask躬窜，feedback的邊界是stroke+solid
觸摸反饋浇垦，沒有mask，feedback的邊界僅僅是stroke
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/colorPrimary">
</ripple>
觸摸反饋荣挨，沒有定義item男韧，沒有邊界
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/colorPrimary">
<item android:drawable="@color/colorAccent"/>
</ripple>
觸摸動(dòng)畫有邊界
參考：
觸摸反饋1
RippleDrawable
3、揭露效果Circular Reveal
當(dāng)顯示或隱藏一組 UI 元素時(shí)默垄，揭露動(dòng)畫可為用戶提供視覺連續(xù)性此虑。
可以使用ViewAnimationUtils.createCircularReveal()簡單實(shí)現(xiàn)：
Animator createCircularReveal (View view, int centerX, int centerY, float startRadius, float endRadius )
view是執(zhí)行circular reveal動(dòng)畫的控件
屬性動(dòng)畫 + 揭露動(dòng)畫
關(guān)鍵代碼如下：
MainActivity 退出
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
startX=(fab.getLeft()+app_bar.getRight())/2;
startY=(fab.getTop()+app_bar.getBottom())/2;
endX=(app_bar.getLeft()+app_bar.getRight())/2;
endY=(app_bar.getTop()+app_bar.getBottom())/2;
Path path=new Path();
path.moveTo(0,0);
path.lineTo(endX-startX,endY-startY);
ObjectAnimator objectAnimator= ObjectAnimator.ofFloat(fab,"translationX","translationY",path);
objectAnimator.start();
objectAnimator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
Intent intent=new Intent(MainActivity.this,SecondActivity.class);
intent.putExtra("cx",endX);
intent.putExtra("cy",endY);
//startActivity(intent);
ActivityOptionsCompat optionsCompat= ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivity.this);
ActivityCompat.startActivity(MainActivity.this,intent,optionsCompat.toBundle());
}
});
}
});
MainActivity 重新進(jìn)入
@Override
public void onActivityReenter(int resultCode, Intent data) {
super.onActivityReenter(resultCode, data);
Path path=new Path();
path.moveTo(endX-startX,endY-startY);
path.lineTo(0,0);
ObjectAnimator objectAnimator=new ObjectAnimator().ofFloat(fab,"translationX","translationY",path);
objectAnimator.start();
}
SecondActivity進(jìn)入
radius= (float) Math.hypot(widthPixels,heightPixels);
root.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
@Override
public boolean onPreDraw() {
root.getViewTreeObserver().removeOnPreDrawListener(this);
Animator animator=ViewAnimationUtils.createCircularReveal(root,cx,cy,getResources().getDisplayMetrics().density*28,radius);
animator.setDuration(1500);
animator.start();
return true;
}
});
在view樹，完成測量口锭、分配空間朦前，但繪制過程還沒開始的時(shí)候播放動(dòng)畫
SecondActivity退出
@Override
public void onBackPressed() {
Animator animator=ViewAnimationUtils.createCircularReveal(root,cx,cy,radius,getResources().getDisplayMetrics().density*28);
animator.setDuration(1000);
animator.start();
animator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
root.setBackgroundColor(Color.TRANSPARENT);
setResult(RESULT_OK);
ActivityCompat.finishAfterTransition(SecondActivity.this);
}
});
SecondActivity的主題
<style name="AppTheme.NoActionBar.CircuralRevealTheme">
<item name="android:windowAnimationStyle">@null</item>
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowIsTranslucent">true</item>
</style>
因?yàn)槟J(rèn)情況下，SecondActivity窗口是有背景顏色的鹃操，如果不設(shè)置為透明（如上）韭寸，擴(kuò)展動(dòng)畫將顯示在這個(gè)默認(rèn)的窗口背景之上，而不是mainactivity的view之上荆隘。
4恩伺、為視圖狀態(tài)改變添加動(dòng)畫
可以在需要應(yīng)用該動(dòng)畫的View中添加stateListAnimator
android:stateListAnimator="@drawable/select_card_animator"
或者使用代碼設(shè)置
StateListAnimator stateListAnimator=AnimatorInflater.loadStateListAnimator(context,R.drawable.select_card_animator);
view.setStateListAnimator(stateListAnimator);
select_card_animator如下：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<set>
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="translationZ"
android:valueTo="10dp"
android:valueType="floatType" />
</set>
</item>
<item>
<set>
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="translationZ"
android:valueTo="0dp"
android:valueType="floatType" />
</set>
</item>
</selector>
StateListAnimator
- animated-selector
參考：
https://developer.android.com/training/material/animations.html#Reveal
</br>
代碼：
https://coding.net/u/hongji/p/MyScrollViewDemo/git/blob/master/app/src/main/java/com/mojo/myscrollviewdemo/Main2Activity.java
