close

恩東果語翻譯語言翻譯公司
這個動畫要套用到第一個Fragment,因為天成翻譯社們不要它有任何改變。

Step 7. 遵照一樣的操作方式,再插足一個動畫資源檔,並取名為no_change。     android:toXDelta="100%"
    android:duration="400" />

藉由改變影象的扭轉角度來做出動畫效果。

這些動畫是屬於View Animation,View Animation又稱為Tween Animation翻譯除了View Animation以外,Android系統還供應Drawable Animation和Property Animation這二種動畫手藝翻譯

 

我們需要用到上一篇文章介紹的FragmentManager來控制Fragment的顯示和隱藏,在改變Fragment的時候,還可以套用動畫效果翻譯接下來就讓我們幫上一篇文章完成的程式專案,加入第二個Fragment,而且設定它泛起的時候,會從螢幕右邊滑入。

前一篇文章介紹若何在Activity中插足Fragment,為了盡可能簡化程式專案,天成翻譯社們只用了一個Fragment來示範翻譯可是其實Fragment最大的用處是可以在一個Activity中加入很多分歧的操作畫面,我們把這些操作畫面放在不同的Fragment中,再把這些Fragment加到Activity介面佈局檔的容器裡頭,等到要用到的時候才讓它們顯示。

    android:fromXDelta="100%"
<translate xmlns:android="http://schemas.android.com/apk/res/android"

    <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/second_fragment" />

<?xml version="1.0" encoding="utf-8"?>
</LinearLayout>

 public class SecondFragment extends Fragment {
   public View onCreateView(LayoutInflater inflater翻譯社 ViewGroup container翻譯社
       Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_second, container翻譯社 false);
    }
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Button btnHide2ndFragment =
                (Button) getView().findViewById(R.id.btnHide2ndFragment);
        btnHide2ndFragment.setOnClickListener(btnHide2ndFragmentOnClick);
     }

Step 5. 在新創立的動畫資本檔中輸入以下的程式碼:
}

 


    android:duration="400" />     android:fromXDelta="0"
可是假如換成利用Android 3.0以上的系統供給的Fragment,就要利用Property Animation。

別的要彌補申明的是,這個範例程式是使用android-support-v4.jar程式庫供應的Fragment,這個Fragment需要合營View Animation。

}

 

x方向是影象的寬,y偏向是影像的高。影象的scale值也是用0~1來默示翻譯0默示完全看不到,1表示本來影象的大小。
這類動畫結果是藉由改變影象的巨細來告竣。scale值可以在x和y二個標的目的獨立設定。     android:fromXDelta="0"

 

3. Translate

public class MainActivity extends FragmentActivity {

</LinearLayout>


這個類型是利用translate型態的動畫,它可以用來做出移動的結果翻譯除translate以外,Android系統還供應另外三種型態的動畫,我們簡單申明如下:

Step 2. 點竄第一個Fragment的介面結構檔和程式檔,就是在畫面下方新增一個按鈕,而且插手相幹的程式碼:
    android:duration="400" />
<?xml version="1.0" encoding="utf-8"?>
4. Rotate

    @Override
     protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);

Step 3. 接下來是確立動畫資源檔。
在Eclipse左邊的專案檢視視窗中,用滑鼠右鍵點選程式專案的res資料夾,然後選擇New > Android XML File。
Step 1. 遵照上一篇文章介紹的方式,在App專案中新增另一個Fragment(提醒:先加入一個介面佈局檔,再建立Fragment的程式檔)。

 public class MainFragment extends Fragment {
    …
    private Button mBtnOK, mBtnShow2ndFragment;

    android:toXDelta="0"
<translate xmlns:android="http://schemas.android.com/apk/res/android"
Step 4. 在對話盒中,將Resource Type欄位設定為Tween Animation,File欄位中輸入動畫資源檔名稱,例如fragment_in_from_right_side,然後鄙人方的項目清單中選擇Translate。選定好動畫類型以後按下Finish按鈕翻譯
由於會分別用到Fragment消逝和泛起二種動畫效果,所以我們在動畫資本檔的名稱加上in和out來區別,in暗示用在影象呈現時的動畫,out默示用在影象消逝時的動畫。

        public void onActivityCreated(Bundle savedInstanceState) {
           …
            mBtnShow2ndFragment =
                    (Button) v.findViewById(R.id.btnShow2ndFragment);
            mBtnShow2ndFragment.setOnClickListener(
                               btnShow2ndFragmentOnClick);
       }
       …
        private View.OnClickListener btnShow2ndFragmentOnClick = new View.OnClickListener() {
            public void onClick(View v) {
              ((MainActivity) getActivity()).showSecondFragment();
            }
        }

     private View.OnClickListener btnHide2ndFragmentOnClick = new View.OnClickListener() {
          public void onClick(View v) {
               ((MainActivity) getActivity()).hideSecondFragment();
          }
     };

    …(本來的程式碼)
     private SecondFragment mSecondFrag;

 

    public void showSecondFragment() {
          getSupportFragmentManager().beginTransaction()
               .setCustomAnimations(
                    R.anim.fragment_in_from_right_side, R.anim.no_change,
                    R.anim.fragment_in_from_right_side, R.anim.no_change)
               .show(mSecondFrag)
               .commit();
     }
     public void hideSecondFragment() {
          getSupportFragmentManager().beginTransaction()
               .setCustomAnimations(
                    R.anim.no_change, R.anim.fragment_out_from_right_side,
                    R.anim.no_change, R.anim.fragment_out_from_right_side)
               .hide(mSecondFrag)
               .commit();
     }

<translate xmlns:android="http://schemas.android.com/apk/res/android"

    <Button
          android:id="@+id/button1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/return_to_1st_fragment" />

當影象的alpha值是1時,暗示影象完全不透明,此時是最清楚的狀況翻譯當影象的alpha值由1減到0時,影象變的越來越透明,也就是越來越不清晰直到看不見(alpha值為0)。
這類動畫結果是藉由改變影象的透明度來殺青。

 


    android:toXDelta="0"

 

Step 8. 修改主程式檔:

影象的位置是藉由x和y標的目的上的位移量來決定。 這個動畫效果是藉由改變影象的位置來達成。
<?xml version="1.0" encoding="utf-8"?>

        FragmentManager fragMgr = getSupportFragmentManager();
       MainFragment mainFrag = new MainFragment();
            mSecondFrag = new SecondFragment;
            fragMgr.beginTransaction()
                 .add(R.id.frameLayout翻譯社 mainFrag)
                 .add(R.id.frameLayout, mSecondFrag)
                 .hide(mSecondFrag)
                 .commit();
     }

}
1. Alpha
Step 6. 遵照一樣的操作體例,插足另外一個動畫資本檔,並取名為fragment_out_from_right_side :

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    … >

2. Scale

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    … >
   … (原來的程式碼)
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/show_2nd_fragment" />

 



文章出自: http://androidstation.pixnet.net/blog/post/233440249-fragment%E6%90%AD%E9%85%8D%E5%8B%95%E7%95%AB%E6有關翻譯的問題歡迎諮詢天成翻譯社
arrow
arrow
    創作者介紹
    創作者 joycex8h8an2 的頭像
    joycex8h8an2

    munozp5111

    joycex8h8an2 發表在 痞客邦 留言(0) 人氣()