目前Android平臺(tái)提供了兩類動(dòng)畫(huà)一類是Tween動(dòng)畫(huà),第二類就是 Frame動(dòng)畫(huà),具體內(nèi)容介紹請(qǐng)看下文:
一類是Tween動(dòng)畫(huà),就是對(duì)場(chǎng)景里的對(duì)象不斷的進(jìn)行圖像變化來(lái)產(chǎn)生動(dòng)畫(huà)效果(旋轉(zhuǎn)、平移、放縮和漸變)。
第二類就是 Frame動(dòng)畫(huà),即順序的播放事先做好的圖像,與gif圖片原理類似。
實(shí)現(xiàn)動(dòng)畫(huà)有兩種方式:一種使用XML文件(文件放在res/anim),一種直接代碼搞定
1、透明度控制動(dòng)畫(huà)效果alpha
<!--透明度控制動(dòng)畫(huà)效果alpha 浮點(diǎn)型值: fromAlpha 動(dòng)畫(huà)起始時(shí)透明度 toAlpha 動(dòng)畫(huà)結(jié)束時(shí)透明度 說(shuō)明:0.0 完全透明 1.0 完全不透明 以上值取0.0-1.0之間的 float數(shù)據(jù)類型的數(shù)字duration 為動(dòng)畫(huà)持續(xù)時(shí)間長(zhǎng)整型:說(shuō)明:時(shí)間以毫秒為單位--><alpha android:duration="3000" android:fromAlpha="0.0" android:toAlpha="1.0" />
代碼方式:
2、rotate旋轉(zhuǎn)動(dòng)畫(huà)
<!--rotate旋轉(zhuǎn)動(dòng)畫(huà)效果屬性:interpolator 指定一個(gè)動(dòng)畫(huà)的插入器有三種動(dòng)畫(huà)插入器: accelerate_decelerate_interpolator 加速-減速 動(dòng)畫(huà)插入器 accelerate_interpolator 加速-動(dòng)畫(huà)插入器 decelerate_interpolator 減速-動(dòng)畫(huà)插入器 其他的屬于特定的動(dòng)畫(huà)效果浮點(diǎn)整型值: fromDegrees 為動(dòng)畫(huà)起始時(shí)物件的角度 toDegrees 為動(dòng)畫(huà)起始時(shí)物件旋轉(zhuǎn)的角度 可以大于360度說(shuō)明:當(dāng)角度為負(fù)數(shù)――表示逆時(shí)針旋轉(zhuǎn) 當(dāng)角度為正數(shù)――表示順時(shí)針旋轉(zhuǎn) (負(fù)數(shù)from――to正數(shù):順時(shí)針旋轉(zhuǎn) 負(fù)數(shù)from――to負(fù)數(shù):逆時(shí)針旋轉(zhuǎn) 正數(shù)from――to正數(shù):順時(shí)針旋轉(zhuǎn)) pivotX 為動(dòng)畫(huà)相對(duì)于物件的X坐標(biāo)的開(kāi)始位置pivotY 為動(dòng)畫(huà)相對(duì)于物件的Y坐標(biāo)的開(kāi)始位置說(shuō)明:以上兩個(gè)屬性值 從0%――100%中取值 50%為物件的X或Y方向坐標(biāo)上的中點(diǎn)位置長(zhǎng)整型類型:duration 為動(dòng)畫(huà)持續(xù)時(shí)間說(shuō)明:時(shí)間以毫秒為單位 --><rotate android:duration="3000" android:fromDegrees="0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="50%" android:pivotY="50%" android:toDegrees="+350" />
3、尺寸伸縮動(dòng)畫(huà)效果 scale
<!--尺寸伸縮動(dòng)畫(huà)效果 scale屬性:interpolator 指定一個(gè)動(dòng)畫(huà)的插入器 有三種動(dòng)畫(huà)插入器: accelerate_decelerate_interpolator 加速-減速 動(dòng)畫(huà)插入器 accelerate_interpolator 加速-動(dòng)畫(huà)插入器 decelerate_interpolator 減速-動(dòng)畫(huà)插入器 其他的屬于特定的動(dòng)畫(huà)效果浮點(diǎn)型值: fromXScale 動(dòng)畫(huà)起始時(shí) X坐標(biāo)上的伸縮尺寸 toXScale 動(dòng)畫(huà)結(jié)束時(shí) X坐標(biāo)上的伸縮尺寸 fromYScale 動(dòng)畫(huà)起始 Y時(shí)坐標(biāo)上的伸縮尺寸 toYScale 動(dòng)畫(huà)結(jié)束時(shí) Y坐標(biāo)上的尺寸 說(shuō)明:以上四種屬性值 0.0表示收縮到?jīng)]有 1.0表示正常無(wú)伸縮 值小于1.0表示收縮 值大于1.0表示放大 pivotX 動(dòng)畫(huà)相對(duì)于物件的X坐標(biāo)的開(kāi)始位置 pivotY 動(dòng)畫(huà)相對(duì)于武將的Y坐標(biāo)的開(kāi)始位置 說(shuō)明:以上兩個(gè)屬性值 從0%-100%中取值 長(zhǎng)整型: duration 動(dòng)畫(huà)持續(xù)時(shí)間 說(shuō)明:時(shí)間以毫秒為單位 布爾型值: fillAfter 當(dāng)設(shè)置為true,該動(dòng)畫(huà)轉(zhuǎn)化在動(dòng)畫(huà)結(jié)束后被應(yīng)用--><scale android:duration="700" android:fillAfter="false" android:fromXScale="0.0" android:fromYScale="0.0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="50%" android:pivotY="50%" android:toXScale="1.4" android:toYScale="1.4" />
代碼方式:
Animation animationScale = new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);animationScale.setDuration(3000);ivAnim.startAnimation(animationScale);
4、translate 位置轉(zhuǎn)移動(dòng)畫(huà)效果
<!--translate 位置轉(zhuǎn)移動(dòng)畫(huà)效果 整型值: fromXDelta 動(dòng)畫(huà)起始時(shí) X坐標(biāo)上的位置 toXDelta 動(dòng)畫(huà)結(jié)束時(shí) X坐標(biāo)上的位置 fromYDelta 動(dòng)畫(huà)起始時(shí) Y坐標(biāo)上的位置 toYDlta 動(dòng)畫(huà)結(jié)束時(shí) Y坐標(biāo)上的位置 注意:沒(méi)有指定fromXTra toXType fromYType toYType 時(shí)候,默認(rèn)是以自己為相對(duì)參照物 長(zhǎng)整型:duration 為動(dòng)畫(huà)持續(xù)時(shí)間 時(shí)間以毫秒為單位--><translate android:duration="2000" android:fromXDelta="30" android:fromYDelta="30" android:toXDelta="-80" android:toYDelta="300" />
xml文件方式使用的話就兩行代碼
5、frame幀動(dòng)畫(huà)(文件放在res/drawable)
<!-- 根標(biāo)簽為animation-list,其中oneshot代表著是否只展示一遍,設(shè)置為false會(huì)不停的循環(huán)播放動(dòng)畫(huà) 根標(biāo)簽下,通過(guò)item標(biāo)簽對(duì)動(dòng)畫(huà)中的每一個(gè)圖片進(jìn)行聲明 android:duration 表示展示所用的該圖片的時(shí)間長(zhǎng)度 --><animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="true" > <item android:drawable="@drawable/icon_frame1" android:duration="200"> </item> <item android:drawable="@drawable/icon_frame2" android:duration="200"> </item> <item android:drawable="@drawable/icon_frame3" android:duration="200"> </item> <item android:drawable="@drawable/icon_frame4" android:duration="200"> </item> <item android:drawable="@drawable/icon_frame5" android:duration="200"> </item> <item android:drawable="@drawable/icon_frame6" android:duration="50"> </item></animation-list>xml幀動(dòng)畫(huà)使用代碼:
ivFrame = (ImageView) findViewById(R.id.iv_frame_image);ivFrame.setImageResource(R.drawable.anim_frame); animation = (AnimationDrawable) ivFrame.getDrawable();animation.setOneShot(false);//循環(huán)animation.start();
以上就是針對(duì)Android實(shí)現(xiàn)動(dòng)畫(huà)效果的全部?jī)?nèi)容,希望大家能夠喜歡。
新聞熱點(diǎn)
疑難解答
圖片精選