本文實(shí)例為大家分享了Android補(bǔ)間動畫展示的具體代碼,供大家參考,具體內(nèi)容如下
創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括津市網(wǎng)站建設(shè)、津市網(wǎng)站制作、津市網(wǎng)頁制作以及津市網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,津市網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到津市省份的部分城市,未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
首先看看補(bǔ)間動畫的共同屬性:
Duration:動畫持續(xù)的時間(單位:毫秒)
fillAfter:設(shè)置為true,動畫轉(zhuǎn)化在動畫被結(jié)束后被應(yīng)用
fillBefore:設(shè)置為true,動畫轉(zhuǎn)化在動畫開始前被應(yīng)用
interpolator:動畫插入器(加速、減速插入器)
repeatCount:動畫重復(fù)的次數(shù)
repeatMode:順序動畫(restart)/倒序動畫(reverse)
startOffset:動畫之間時間間隔
對于動畫的創(chuàng)建一般有兩種方式:
第一種是在res/新建一個anim文件夾,然后在其下面分別建立四種動畫
第二種方式是通過java代碼的方式創(chuàng)建
在補(bǔ)間動畫中我們通常有以下四種動畫:
位移動畫
創(chuàng)建方式一:
在anim文件下新建一個translate資源文件
<?xml version="1.0" encoding="utf-8"?>//通過以下代碼注冊該動畫 private void creatTranslateByInflate(){ Animation animation = AnimationUtils.loadAnimation(this, R.anim.translate); mCircle.startAnimation(animation); }
創(chuàng)建方式二:(代碼創(chuàng)建)
private void creatTranslateByCode() { TranslateAnimation animation = new TranslateAnimation(0, 100, 0, 0); animation.setDuration(2000); animation.setRepeatMode(Animation.REVERSE); animation.setRepeatCount(2); mCircle.startAnimation(animation); }
旋轉(zhuǎn)動畫
創(chuàng)建方式一:
<?xml version="1.0" encoding="utf-8"?>終止的角度) //這里就是順時針的旋轉(zhuǎn)180 android:pivotX="50%" //旋轉(zhuǎn)中軸的x點(diǎn),50%表示以控件寬為基準(zhǔn),在控件的中間x點(diǎn) android:pivotY="50%" //旋轉(zhuǎn)中軸的y點(diǎn),50%表示以控件高為基準(zhǔn),在控件的中間y點(diǎn) android:duration="2000" android:repeatMode="reverse" android:repeatCount="2" > //通過以下代碼注冊該動畫 private void createRotateByInflate(){ Animation animation = AnimationUtils.loadAnimation(this, R.anim.rotate); mCircle.startAnimation(animation); }
創(chuàng)建方式二:(代碼創(chuàng)建)
private void createRotateByCode() { float pivotX = mCircle.getWidth() / 2.0f; float pivotY = mCircle.getHeight() / 2.0f; RotateAnimation animation = new RotateAnimation(0, 180, pivotX, pivotY); animation.setDuration(2000); animation.setRepeatMode(Animation.REVERSE); animation.setRepeatCount(2); mCircle.startAnimation(animation); }
縮放動畫
創(chuàng)建方式一:
<?xml version="1.0" encoding="utf-8"?>//通過以下代碼注冊該動畫 private void createScaleByInflate(){ Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale); mCircle.startAnimation(animation); }
創(chuàng)建方式二:(代碼創(chuàng)建)
private void createScaleByCode() { //創(chuàng)建動畫Animation.RELATIVE_TO_PARENT 以父容器為參照物 //Animation.RELATIVE_TO_SELF 以自己為參照物, 如果以父容器為參照物會導(dǎo)致控件移動 float pivotX = mCircle.getWidth() / 2.0f; float pivotY = mCircle.getHeight() / 2.0f; ScaleAnimation animation = new ScaleAnimation(0.1f, 1.0f, 0.1f, 1.0f, pivotX,pivotY); animation.setDuration(2000); animation.setRepeatMode(Animation.REVERSE); animation.setRepeatCount(2); mCircle.startAnimation(animation); }
漸變動畫
創(chuàng)建方式一:
<?xml version="1.0" encoding="utf-8"?>//通過以下代碼注冊該動畫 private void createAlphaByInflate(){ Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha); mCircle.startAnimation(animation); }
創(chuàng)建方式二:(代碼創(chuàng)建)
private void createAlphaByCode() { AlphaAnimation animation = new AlphaAnimation(0.1f, 1.0f); animation.setDuration(2000); animation.setRepeatMode(Animation.REVERSE); animation.setRepeatCount(2); mCircle.startAnimation(animation); }
以上的四種可以單獨(dú)使用也可以結(jié)合起來使用,如果要結(jié)合起來使用的話,直接在anim文件夾下創(chuàng)建set集合,然后將需要結(jié)合的動畫
放在一起即可
如下示例:
<?xml version="1.0" encoding="UTF-8"?>
基本的創(chuàng)建方式,以及基本屬性都在這里了,至于如何實(shí)現(xiàn)一個具有美感的效果圖,那就看個人的設(shè)計感了。
最后看看運(yùn)行結(jié)果圖
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。