Android之Fragment，幀動畫，補間動畫，屬性動畫

時間  2019-11-29
標籤 android fragment 動畫 屬性 欄目 Android 简体版
原文   原文鏈接

Fragment:java

　　　　在安卓手機愈來愈大的狀況下，一個屏幕顯示只顯示一個內容，會顯得空曠，佈局不夠好看，屏幕利用的也不夠充分。一般在平板中會出現這種狀況，可是因爲如今的手機屏幕愈來愈大，因此在3.0以後引入了Fragment。也能夠使用支持類庫，來向下兼容低版本。它的生命週期方法和activity同樣android

　　　　使用Fragment可讓咱們更加充分地利用手機的屏幕空間，他能夠在一個activity中有多個Fragment，多個Fragment能夠顯示不一樣的內容。api

 

咱們經過簡單的demo來了解什麼是Fragment和Fragment若是使用框架

　　　　在這個demo中咱們使用FrameLayout(框架佈局)，Framelayout通常不多用到，在下面的Demo中使用會很方便，全部添加到這個佈局中的視圖都以層疊的方式顯示。第一個添加的控件被放在最底層，最後一個添加到框架佈局中的視圖顯示在最頂層，上一層的控件會覆蓋下一層的控件。佈局

　　　　需求：咱們在一個activity中的左邊豎直分佈，三個button，右邊是一個Framelayout，當咱們點擊不一樣的button時，右邊顯示不一樣的Fragment。動畫

　　　　第一步：寫佈局文件，佈局文件左邊包含三個按鈕，右邊是一個FrameLayout。 再寫三個填充用的佈局文件，這三個佈局文件中background的顏色都不同，有一個textView用來區分不一樣的佈局文件。
this

　　　　第二步：寫三個 fragment的Java類  分別將三個佈局文件填充到對應的java類中做爲內容顯示在屏幕上spa

public class fragment01 extends Fragment {

	//返回的view對象會做爲fragment01的內容顯示在屏幕上
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {

		View v = inflater.inflate(R.layout.fragment, null);
		return v;
	}

　　　　第三步 在MainActivity中寫對三個Button作處理xml

　　　　　　　　當點擊按鈕一的時候，屏幕右邊顯示的是Fragment01 ，其它兩個按鈕功能相同。對象

　　　　　　　　第一步     new出Fragment01的對象 

　　　　　　　　第二步　　獲取Fragment的管理器getFragmentManager()

　　　　　　　　第三步     打開事物beginTransaction()

　　　　　　　　第四步     把內容顯示到幀佈局replace 最後提交事物commit

 public void click1(View v) {
    	fragment01 fg = new fragment01();
    	FragmentManager fm  = getFragmentManager();
    	FragmentTransaction ft = fm.beginTransaction();
    	ft.replace(R.id.fl,fg );
    	ft.commit();
    }

 

fragment是3.0以後出來的，咱們能夠作向下兼容，讓低版本能夠使用。這個時候就用到了安卓支持類庫。 咱們在引包的時候都改爲support的包可是要注意的是，可是在獲去fragment管理器，沒有支持類庫，咱們能夠使用getSupportFragmentManager()來得到兼容低版本的管理器

 

 

在Fragment和activity中傳遞數據

　　把Fragment中的數據傳遞到activity中作法：

　　　　　在Fragment的xml文件中，放一個EditText。還有一個button 但咱們點擊button的時候把數據傳遞到 activity的TextView中。

　　把activity中的數據傳遞到Fragment中

　　　　　　步驟：1 咱們在fragment中的佈局文件中，定義一個輸入框， 在定義一個button，可是onClick屬性只能在上下文中使用，在Fragment中不能夠使用

咱們能夠給按鈕設置點擊偵聽

　　　　　　　　　2 在MainActivity的佈局文件中，定義一個TextView 用來顯示數據

　　　　　　　　　3咱們在MainActivity定義一個方法，用來給TextView 設置顯示的數據

　　　　　　　　　4 在Fragment的java類中 咱們拿到button 給button設置監聽，在按鈕點擊的時候，拿到輸入框中的數據經過getActivity（）方法將它強轉成MainActivity就能夠拿到和Fragment相關聯的activity，這個時候就能夠調用activity中的方法給textview設置值了。

　　　　　　　　注意 ：若是將fragment和activity中的EditText和TextView的id設置成相同，雖然findViewById是在各自的佈局文件中拿，可是因爲Activity中給TextView設置值得方法是在fragment中調用，那麼Activity中的方法會優先在fragment的佈局文件中找，而再也不本身的佈局文件中尋找。

　　　　　　　　若是兩個id相同的話解決方案是，在activity中把拿去佈局文件的方法變量提成全局，在activity建立方法中取拿到

　　　把activity中的數據傳遞到Fragment中的作法：

　　　　　　步驟：1 在fragment的xml文件中定義一個TextView，用來顯示數據。

　　　　　　　　　2 咱們在fragment的java類中拿到 定義的TextView， 建立一個公開的方法，這個方法內能夠個TextView設置值

　　　　　　　　　3 咱們在MainActivity中定義一個EditText用來輸入數據，定義一個button，點擊的時候傳遞數據

　　　　　　　　　4 當咱們點擊按鈕的時候咱們拿到EditText中的數據，同時new出對應要傳遞的fragment的java類的對象，直接用fragment對象調用它的方法傳值。

 

fragment的生命週期方法和activity的生命週期方法相同而且是綁定的，fragment切換時舊fragment對象會銷燬，新的fragment對象會被建立

 

幀動畫：

　　　　一張張圖片不斷的切換，造成動畫效果，安卓手機的開機界面就是經過幀動畫作的

　　　　　如何本身使用幀動畫：

　　　　　　　　步驟：1將素材拷貝到drawable中

　　　　　　　　　　　2 在drawable目錄下定義xml文件（在api中的drawable Animation中能夠看到xml文件的格式和使用代碼）

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> //這裏的false表示循環播放 true表示只播放一次
		    <item android:drawable="@drawable/g1" android:duration="200" />//表示duration表示每張圖片顯示的時長
		    <item android:drawable="@drawable/g2" android:duration="200" />
		    <item android:drawable="@drawable/g3" android:duration="200" />
		</animation-list>

 

　　　　　　　　　　3 在屏幕上播放幀動畫

　　　　　ImageView iv = (ImageView) findViewById(R.id.iv); //首先拿到imageView 將動畫播放在imageView
		//把動畫文件設置爲imageView的背景
        iv.setBackgroundResource(R.drawable.animations); ////把幀動畫的資源文件指定爲iv的背景
        AnimationDrawable ad = (AnimationDrawable) iv.getBackground();//獲取iv的北京
		//播放動畫        
		ad.start();

　　

 

 

補間動畫：

原形態變成新形態時爲了過渡變形過程，生成的動畫就叫補間動畫　　位移、旋轉、縮放、透明

　　位移

/*位移：
　　　　參數10指的是X的起點座標，但不是指屏幕x座標爲10的位置，而是imageview的 真實X + 10
　　　　 參數150指的是X的終點座標，它的值是imageview的 真實X + 150
	
		//建立爲位移動畫對象，設置動畫的初始位置和結束位置
		//TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
* x座標的起點位置，若是相對於本身，傳0.5f，那麼起點座標就是 真實X + 0.5 * iv寬度
* x座標的終點位置，若是傳入2，那麼終點座標就是 真實X + 2 * iv的寬度
* y座標的起點位置，若是傳入0.5f，那麼起點座標就是 真實Y + 0.5 * iv高度
* y座標的終點位置，若是傳入2，那麼終點座標就是 真實Y + 2 * iv高度*/
	
		TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);
		//設置動畫持續時間
    	ta.setDuration(2000);
		//動畫重複播放的次數
    	ta.setRepeatCount(1);
		//動畫重複播放的模式
    	ta.setRepeatMode(Animation.REVERSE); 
		//動畫播放完畢後，組件停留在動畫結束的位置上
    	ta.setFillAfter(true);
		//播放動畫
    	iv.startAnimation(ta); //iv表示動畫顯示顯示在哪一個地方 經過findviewbyid拿到

 

　　旋轉　　

 

public void rotate(View v){
　　　　　　　　　　//表示從0到720旋轉　　　　　　　　　　　　　　　　　　　　　　　　　　　　表示從真實的x+圖片的寬度的一半 在中心旋轉
		RotateAnimation 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 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);  //o.5f表示動畫的起始寬度是真實寬度的0.5倍 2表示動畫結束寬度是真實寬度的2倍  後面參數表示旋轉中心點的位置 默認是坐上角
		sa.setDuration(2000);
		//填充動畫的結束位置
		sa.setRepeatCount(1);
		sa.setRepeatMode(Animation.REVERSE);
		sa.setFillAfter(true);
		iv.startAnimation(sa);
	}

　透明

public void alpha(View v){
		aa = new AlphaAnimation(0, 1); //0表示徹底透明。1表示不透明
		aa.setDuration(2000);
		sa.setRepeatCount(1);
		iv.startAnimation(aa);
	}

　　咱們能夠設置全部的動畫一塊兒播放

public void fly(View v){
		AnimationSet set = new AnimationSet(false);//false表示使用本身的叫對器
		set.addAnimation(ta);
		set.addAnimation(sa);
		set.addAnimation(ra);
		set.addAnimation(aa);
		
		iv.startAnimation(set);
	}

　　

 

屬性動畫
　　　　補間動畫，只是一個動畫效果，組件其實還在原來的位置上，xy沒有改變。而屬性動畫是xy真實改變了，屬性動畫是3.0後加入的特性。沒有向下支持類庫

　位移：

　　　　

public void translate(View v){
		
		//target:動畫做用於哪一個組件  第一個參數target指定要顯示動畫的組件  第二個參數propertyName指定要改變組件的哪一個屬性  第三個參數values是可變參數，就是賦予屬性的新的值
		ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX", 10, 70, 20, 100); //他能夠實現來回移動 咱們能夠動過set和get來看屬性是什麼
		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.5f, 0.2f, 1);
		oa.setDuration(2000);
		oa.start();
	}

旋轉

       

public void rotate(View v){
		ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "rotationY", 0, 180, 90, 360); //rotation指定是順時針旋轉

//屬性指定爲rotationX是豎直翻轉
//屬性指定爲rotationY是水平翻轉

		oa.setDuration(2000);
		oa.setRepeatCount(1);
		oa.setRepeatMode(ValueAnimator.REVERSE);
		oa.start();
	}

全部動畫一塊兒播放　　

//建立動畫師集合
		AnimatorSet set = new AnimatorSet();
		//設置要播放動畫的組件
		set.setTarget(bt);
		//全部動畫有前後順序的播放
		//set.playSequentially(oa, oa2, oa3, oa4);
		//全部動畫一塊兒播放
		set.playTogether(oa, oa2, oa3, oa4);
		set.start();

使用xml文件定義屬性動畫

<?xml version="1.0" encoding="utf-8"?>  在animator文件下 resource type 選擇property animator root element是set
<set xmlns:android="http://schemas.android.com/apk/res/android" >
	<objectAnimator 
	    android:propertyName="translationX"
	    android:duration="200"
	    android:repeatCount="1"
	    android:repeatMode="reverse"
	    android:valueFrom="-100"
	    android:valueTo="100"
	    >
	    
	</objectAnimator>
</set>

　　

public void xml(View v){
		Animator at = AnimatorInflater.loadAnimator(this, R.animator.objanimator); //加載指定xml
		//設置做用於哪一個組件
		at.setTarget(iv);
		at.start();
	}
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程