Android应用开发：动画和Fragment
生活随笔
收集整理的這篇文章主要介紹了
Android应用开发：动画和Fragment
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
幀動畫FrameAnimation
- 多張圖片快速切換，形成動畫效果
- 幀動畫使用xml定義
- frame動畫是放置到res/drawable/下面，在這里定義要顯示的圖片和每張圖片的顯示時長
- 在屏幕上播放幀動畫
補間動畫
- tween動畫是放置到res/anim/下面
- 組件由原始狀態(tài)向終極狀態(tài)轉(zhuǎn)變時，為了讓過渡更自然，而自動生成的動畫
1、透明動畫AlphaAnimation
- AlphaAnimation aa = new AlphaAnimation(0, 0.5f);
- 0表示動畫的起始透明度
- 0.5f表示動畫的結(jié)束透明度
2、位移動畫TranslateAnimation
TranslateAnimation ta = new TranslateAnimation(10, 100, 20, 200);10：表示的x坐標起始位置
- iv的真實x + 10
100：表示x坐標的結(jié)束位置
- iv的真實x + 100
20:表示y坐標的起始位置
- iv的真實y + 20
200:表示y坐標的結(jié)束位置
- iv的真實y + 200
Animation.RELATIVE_TO_SELF, 1:x坐標的初始位置
- iv的真實x + 1 * iv寬
Animation.RELATIVE_TO_SELF, 0.5f：y坐標的起始位置
- iv的真實y + 0.5 * iv高
- 動畫播放相關(guān)的設(shè)置
3、縮放動畫ScaleAnimation
ScaleAnimation sa = new ScaleAnimation(0.5f, 2, 0.1f, 3, iv.getWidth() / 2, iv.getHeight() / 2);- 0.5f：表示x坐標縮放的初始位置
- 0.5 * iv寬
- 2：表示x坐標縮放的結(jié)束位置
- 2 * iv寬
- iv.getWidth() / 2：表示縮放點的x坐標
- iv的真實x + iv.getWidth() / 2
- Animation.RELATIVE_TO_SELF, 0.5f：表示縮放點的x坐標
- iv的真實x + 0.5 * iv寬
4、旋轉(zhuǎn)動畫RotateAnimation
RotateAnimation ra = new RotateAnimation(20, 360);- 20表示動畫開始時的iv的角度
- 360表示動畫結(jié)束時iv的角度
- 默認旋轉(zhuǎn)的圓心在iv左上角
- 20,360的意義和上面一樣
- 指定圓心坐標，相對于自己，值傳入0.5，那么圓心的x坐標：真實X + iv寬度 * 0.5
- 圓心的Y坐標：真實Y + iv高度 * 0.5
5、所有動畫一起飛
//創(chuàng)建動畫集合 AnimationSet set = new AnimationSet(false); //往集合中添加動畫 set.addAnimation(aa); set.addAnimation(sa); set.addAnimation(ra); iv.startAnimation(set);6、DEMO
public class MainActivity extends Activity {private ImageView iv;private RotateAnimation ra;private AlphaAnimation aa;private ScaleAnimation sa;private TranslateAnimation ta;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);iv = (ImageView) findViewById(R.id.iv);}public void translate(View v){ // ta = new TranslateAnimation(10, 100, 20, 200);ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, -1, Animation.RELATIVE_TO_SELF, 2,Animation.RELATIVE_TO_SELF, -0.5f, Animation.RELATIVE_TO_SELF, 1.5f);//設(shè)置播放時間ta.setDuration(2000);//設(shè)置重復(fù)次數(shù)ta.setRepeatCount(1);ta.setRepeatMode(Animation.REVERSE);iv.startAnimation(ta);}public void scale(View v){ // sa = new ScaleAnimation(fromX, toX, fromY, toY, iv.getWidth() / 2, iv.getHeight() / 2);sa = new ScaleAnimation(0.5f, 2, 0.1f, 3, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);sa.setDuration(2000);//填充動畫的結(jié)束位置sa.setRepeatCount(1);sa.setRepeatMode(Animation.REVERSE);sa.setFillAfter(true);iv.startAnimation(sa);}public void alpha(View v){aa = new AlphaAnimation(0, 1);aa.setDuration(2000);sa.setRepeatCount(1);iv.startAnimation(aa);}public void rotate(View v){ra = new RotateAnimation(0, 720, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);ra.setDuration(2000);ra.setRepeatCount(1);ra.setRepeatMode(Animation.REVERSE);iv.startAnimation(ra);}public void fly(View v){AnimationSet set = new AnimationSet(false);set.addAnimation(ta);set.addAnimation(sa);set.addAnimation(ra);set.addAnimation(aa);iv.startAnimation(set);} }三、屬性動畫
- 補間動畫，只是一個動畫效果，組件其實還在原來的位置上，xy沒有改變，而屬性動畫改變了組件的屬性，組件不在原來的位置上，xy坐標已經(jīng)改變
1、位移：
//具有g(shù)et、set方法的成員變量就稱為屬性 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ;- 第一個參數(shù)target指定要顯示動畫的組件
- 第二個參數(shù)propertyName指定要改變組件的哪個屬性
- 第三個參數(shù)values是可變參數(shù)，就是賦予屬性的新的值
- 傳入0，代表x起始坐標：當(dāng)前x + 0
- 傳入100，代表x終點坐標：當(dāng)前x + 100
2、縮放：
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2);- 第三個參數(shù)指定縮放的比例
- 0.1是從原本高度的十分之一開始
- 2是到原本高度的2倍結(jié)束
3、透明：
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1);- 透明度，0是完全透明，1是完全不透明
4、旋轉(zhuǎn)
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270);- rotation指定是順時針旋轉(zhuǎn)
- 20是起始角度
- 270是結(jié)束角度
- 屬性指定為rotationX是豎直翻轉(zhuǎn)
- 屬性指定為rotationY是水平翻轉(zhuǎn)
5、可變參數(shù)
- 第三個參數(shù)可變參數(shù)可以傳入多個參數(shù)，可以實現(xiàn)往回位移（旋轉(zhuǎn)、縮放、透明）
6、所有動畫一起飛
//創(chuàng)建動畫師集合AnimatorSet set = new AnimatorSet();//設(shè)置要播放動畫的組件set.setTarget(bt);//所有動畫有先后順序的播放//set.playSequentially(oa, oa2, oa3, oa4);//所有動畫一起播放set.playTogether(oa, oa2, oa3, oa4);set.start();7、DEMO
public class MainActivity extends Activity {private ImageView iv;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);iv = (ImageView) findViewById(R.id.iv);iv.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "點不到我", 0).show();}});}public void translate(View v){ // TranslateAnimation ta = new TranslateAnimation(0, 150, 0, 0); // ta.setDuration(2000); // ta.setFillAfter(true); // iv.startAnimation(ta);//target:動畫作用于哪個組件ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX", 10, 70, 20, 100);oa.setDuration(2000);oa.setRepeatCount(1);oa.setRepeatMode(ValueAnimator.REVERSE);oa.start();}public void scale(View v){ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "scaleX", 1, 1.6f, 1.2f, 2);oa.setDuration(2000);oa.start();}public void alpha(View v){ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "alpha", 0, 0.6f, 0.2f, 1);oa.setDuration(2000);oa.start();}public void rotate(View v){ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "rotationY", 0, 180, 90, 360);oa.setDuration(2000);oa.setRepeatCount(1);oa.setRepeatMode(ValueAnimator.REVERSE);oa.start();}public void fly(View v){AnimatorSet set = new AnimatorSet();ObjectAnimator oa1 = ObjectAnimator.ofFloat(iv, "translationX", 10, 70, 20, 100);oa1.setDuration(2000);oa1.setRepeatCount(1);oa1.setRepeatMode(ValueAnimator.REVERSE);ObjectAnimator oa2 = ObjectAnimator.ofFloat(iv, "translationY", 10, 70, 20, 100);oa2.setDuration(2000);oa2.setRepeatCount(1);oa2.setRepeatMode(ValueAnimator.REVERSE);ObjectAnimator oa3 = ObjectAnimator.ofFloat(iv, "scaleX", 1, 1.6f, 1.2f, 2);oa3.setDuration(2000);oa3.setRepeatCount(1);oa3.setRepeatMode(ValueAnimator.REVERSE);ObjectAnimator oa4 = ObjectAnimator.ofFloat(iv, "rotation", 0, 180, 90, 360);oa4.setDuration(2000);oa4.setRepeatCount(1);oa4.setRepeatMode(ValueAnimator.REVERSE);//設(shè)置挨個飛 // set.playSequentially(oa1, oa2, oa3, oa4);//設(shè)置一起飛set.playTogether(oa1, oa2, oa3, oa4);set.start();}public void xml(View v){Animator at = AnimatorInflater.loadAnimator(this, R.animator.objanimator);//設(shè)置作用于哪個組件at.setTarget(iv);at.start();}}Fragment
- 用途：在一個Activity里切換界面，切換界面時只切換Fragment里面的內(nèi)容
- 生命周期方法跟Activity一致，可以理解把其為就是一個Activity
- 定義布局文件作為Fragment的顯示內(nèi)容
- 把Fragment顯示至指定ViewGroup中
生命周期
- fragment切換時舊fragment對象會銷毀，新的fragment對象會被創(chuàng)建
低版本兼容
- 在support-v4.jar包中有相關(guān)api，也就是說fragment可以在低版本模擬器運行
動畫
幀動畫
一張張圖片不斷的切換，形成動畫效果
- 在drawable目錄下定義xml文件，子節(jié)點為animation-list，在這里定義要顯示的圖片和每張圖片的顯示時長
- 在屏幕上播放幀動畫
補間動畫
- 原形態(tài)變成新形態(tài)時為了過渡變形過程，生成的動畫就叫補間動畫
- 位移、旋轉(zhuǎn)、縮放、透明
位移：
- 參數(shù)10指的是X的起點坐標，但不是指屏幕x坐標為10的位置，而是imageview的 真實X + 10
- 參數(shù)150指的是X的終點坐標，它的值是imageview的 真實X + 150
- x坐標的起點位置，如果相對于自己，傳0.5f，那么起點坐標就是 真實X + 0.5 * iv寬度
- x坐標的終點位置，如果傳入2，那么終點坐標就是 真實X + 2 * iv的寬度
- y坐標的起點位置，如果傳入0.5f，那么起點坐標就是 真實Y + 0.5 * iv高度
- y坐標的終點位置，如果傳入2，那么終點坐標就是 真實Y + 2 * iv高度
- 動畫播放相關(guān)的設(shè)置
縮放：
- 參數(shù)0.1f表示動畫的起始寬度是真實寬度的0.1倍
- 參數(shù)4表示動畫的結(jié)束寬度是真實寬度的4倍
- 縮放的中心點在iv左上角
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
- 參數(shù)0.1f和4意義與上面相同
- 改變縮放的中心點：傳入的兩個0.5f，類型都是相對于自己，這兩個參數(shù)改變了縮放的中心點
- 中心點x坐標 = 真實X + 0.5 * iv寬度
- 中心點Y坐標 = 真實Y + 0.5 * iv高度
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
透明：
- 0為完全透明，1為完全不透明
AlphaAnimation aa = new AlphaAnimation(0, 0.5f);
旋轉(zhuǎn)：
- 20表示動畫開始時的iv的角度
- 360表示動畫結(jié)束時iv的角度
- 默認旋轉(zhuǎn)的圓心在iv左上角
RotateAnimation ra = new RotateAnimation(20, 360);
- 20,360的意義和上面一樣
- 指定圓心坐標，相對于自己，值傳入0.5，那么圓心的x坐標：真實X + iv寬度 * 0.5
- 圓心的Y坐標：真實Y + iv高度 * 0.5
RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
所有動畫一起飛
//創(chuàng)建動畫集合 AnimationSet set = new AnimationSet(false); //往集合中添加動畫 set.addAnimation(aa); set.addAnimation(sa); set.addAnimation(ra); iv.startAnimation(set);屬性動畫
- 補間動畫，只是一個動畫效果，組件其實還在原來的位置上，xy沒有改變
位移：
- 第一個參數(shù)target指定要顯示動畫的組件
- 第二個參數(shù)propertyName指定要改變組件的哪個屬性
- 第三個參數(shù)values是可變參數(shù)，就是賦予屬性的新的值
- 傳入0，代表x起始坐標：當(dāng)前x + 0
- 傳入100，代表x終點坐標：當(dāng)前x + 100
縮放：
- 第三個參數(shù)指定縮放的比例
- 0.1是從原本高度的十分之一開始
- 2是到原本高度的2倍結(jié)束
透明：
- 透明度，0是完全透明，1是完全不透明
旋轉(zhuǎn)
- rotation指定是順時針旋轉(zhuǎn)
- 20是起始角度
- 270是結(jié)束角度
- 屬性指定為rotationX是豎直翻轉(zhuǎn)
屬性指定為rotationY是水平翻轉(zhuǎn)
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, “rotationY”, 20, 180);
可變參數(shù)
第三個參數(shù)可變參數(shù)可以傳入多個參數(shù)，可以實現(xiàn)往回位移（旋轉(zhuǎn)、縮放、透明）
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, “translationX”, 0, 70, 30, 100) ;
所有動畫一起飛
//創(chuàng)建動畫師集合 AnimatorSet set = new AnimatorSet(); //設(shè)置要播放動畫的組件 set.setTarget(bt); //所有動畫有先后順序的播放 //set.playSequentially(oa, oa2, oa3, oa4); //所有動畫一起播放 set.playTogether(oa, oa2, oa3, oa4); set.start();幀動畫FrameAnimation
- 多張圖片快速切換，形成動畫效果
- 幀動畫使用xml定義
補間動畫
- 組件由原始狀態(tài)向終極狀態(tài)轉(zhuǎn)變時，為了讓過渡更自然，而自動生成的動畫
位移動畫
TranslateAnimation ta = new TranslateAnimation(10, 100, 20, 200);10：表示的x坐標起始位置
- iv的真實x + 10
100：表示x坐標的結(jié)束位置
- iv的真實x + 100
20:表示y坐標的起始位置
- iv的真實y + 20
200:表示y坐標的結(jié)束位置
- iv的真實y + 200
Animation.RELATIVE_TO_SELF, 1:x坐標的初始位置
- iv的真實x + 1 * iv寬
Animation.RELATIVE_TO_SELF, 0.5f：y坐標的起始位置
- iv的真實y + 0.5 * iv高
縮放動畫
ScaleAnimation sa = new ScaleAnimation(0.5f, 2, 0.1f, 3, iv.getWidth() / 2, iv.getHeight() / 2);- 0.5f：表示x坐標縮放的初始位置
- 0.5 * iv寬
- 2：表示x坐標縮放的結(jié)束位置
- 2 * iv寬
- iv.getWidth() / 2：表示縮放點的x坐標
- iv的真實x + iv.getWidth() / 2
- Animation.RELATIVE_TO_SELF, 0.5f：表示縮放點的x坐標
- iv的真實x + 0.5 * iv寬
透明動畫
AlphaAnimation aa = new AlphaAnimation(0, 0.5f);- 0表示動畫的起始透明度
- 0.5f表示動畫的結(jié)束透明度
總結(jié)
以上是生活随笔為你收集整理的Android应用开发：动画和Fragment的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Android多媒体编程
- 下一篇： Android应用开发-广播和服务