animation過渡效果

references:

動畫效果可以微妙地提公升使用者體驗。特別是當螢幕狀態發生改變時，比如新的內容新增進來或者新的動作產生。本文將以developer的training教程adding animations為基礎，分析android裡面的動畫使用。

layout過渡動畫

如果layout介面有view的簡單怎加，刪減，可以用addview()與removeview(), 此時可以對這個過程怎加乙個動畫效果。viewgroup有乙個android:animatelayoutchanges的屬性可以設定，這個屬性的作用就在於，當layout發生變化時是否觸發過度動畫效果。因此只需設定為true，就可以開啟預設的過渡動畫。

addbtn =(button) findviewbyid(r.id.button1);
container =(linearlayout) findviewbyid(r.id.container);
addbtn.setonclicklistener(
newonclicklistener() 
});}
});

view的漸變

從api level 12以後基類veiw增加了animate(),可以返回乙個viewpropertyanimator例項，作用是用來控制view本身的動畫屬性。

api level 12指的是android 3.1.x以上，也就是所2.x是不支援的。

這個viewpropertyanimator 的介面非常多，基本的如透明度alpha,動畫時長duration，座標，漸變方式，動畫結束時的**藉口等等，training重的案例使用到了alpha屬性，使得進度條和顯示內容的切換有一淡入淡出的效果。

mcontentview.setalpha(0f);
mcontentview.setvisibility(view.visible);
//animate the content view to 100% opacity, and clear any animation
//listener set on the view.
mcontentview.animate()
.alpha(1f)
.setduration(mshortanimationduration)
.setlistener(
null
);    
//animate the loading view to 0% opacity. after the animation ends,
//set its visibility to gone as an optimization step (it won't
//participate in layout passes, etc.)
mhideview.animate()
.alpha(0f)
.setduration(mshortanimationduration)
.setlistener(
newanimatorlisteneradapter() 
});

滑動螢幕動畫zoom-out page transformer

public
class zoomoutpagetransformer implements
viewpager.pagetransformer  
else
if (position <= 1)  
else
//scale the page down (between min_scale and 1)
view.setscalex(scalefactor);
view.setscaley(scalefactor);
//fade the page relative to its size.
view.setalpha(min_alpha +(scalefactor - min_scale) /(1 - min_scale) * (1 -min_alpha));
} else 
}}

depth page transformer

public
class depthpagetransformer implements
viewpager.pagetransformer  
else
if (position <= 0)  
else
if (position <= 1)  
else 
}}

animation過渡效果

過渡效果 Pr 音訊過渡效果

動畫過渡效果

CSS transition 過渡效果

animation過渡效果

過渡效果 Pr 音訊過渡效果

動畫過渡效果

CSS transition 過渡效果

相關推薦