hovb4rodgl05l

前一篇文章介紹若何在Activity中到場Fragment，為了盡可能簡化程式專案，華碩翻譯社們只用了一個Fragment來示範翻譯可是其實Fragment最大的用處是可以在一個Activity中加入很多分歧的操作畫面，華碩翻譯社們把這些操作畫面放在分歧的Fragment中，再把這些Fragment加到Activity介面結構檔的容器裡頭，比及要用到的時候才讓它們顯示翻譯我們需要用到上一篇文章介紹的FragmentManager來節制Fragment的顯示和潛藏，在改變Fragment的時刻，還可以套用動畫結果翻譯接下來就讓我們幫上一篇文章完成的程式專案，插足第二個Fragment，並且設定它泛起的時辰，會從螢幕右邊滑入。

這個規範是利用translate型態的動畫，它可以用來做出移動的結果。除translate之外，Android系統還供應別的三種型態的動畫，我們簡單申明以下：

Step 3. 接下來是確立動畫資本檔翻譯在Eclipse左側的專案檢視視窗中，用滑鼠右鍵點選程式專案的res資料夾，然後選擇New > Android XML File。

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

    android:toXDelta="0"
選定好動畫類型以後按下Finish按鈕。由於會分別用到Fragment消逝和泛起二種動畫結果，所以我們在動畫資本檔的名稱加上in和out來區分，in示意用在影像泛起時的動畫，out透露表現用在影象消逝時的動畫。

Step 4. 在對話盒中，將Resource Type欄位設定為Tween Animation，File欄位中輸入動畫資本檔名稱，例如fragment_in_from_right_side，然後鄙人方的項目清單當選擇Translate。
    android:duration="400" />

這個動畫結果是藉由改變影象的位置來達成。
影象的位置是藉由x和y標的目的上的位移量來決意。

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

 

<?xml version="1.0" encoding="utf-8"?>
    android:toXDelta="0"

3. Translate

2. Scale

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

這類動畫結果是藉由改變影象的大小來達成。0默示完全看不到，1默示本來影像的巨細。scale值可以在x和y二個標的目的自力設定翻譯x方向是影象的寬，y方向是影象的高。
影像的scale值也是用0~1來表示。 </LinearLayout>

這類動畫結果是藉由改變影象的透明度來達成。
當影象的alpha值由1減到0時，影象變的越來越透明，也就是越來越不清晰直到看不見（alpha值為0）。當影象的alpha值是1時，示意影象完全不透明，此時是最清晰的狀況。

4. Rotate
    android:fromXDelta="0"

<?xml version="1.0" encoding="utf-8"?>
    android:fromXDelta="100%"
    android:duration="400" />

}

這些動畫是屬於View Animation，View Animation又稱為Tween Animation翻譯除View Animation以外，Android系統還供應Drawable Animation和Property Animation這二種動畫技術。

    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();
     }

Step 7. 遵照一樣的操作方式，再插足一個動畫資本檔，並取名為no_change。

 <?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" />

Step 8. 點竄主程式檔：
藉由改變影像的旋轉角度來做出動畫效果。

 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);
     }

public class MainActivity extends FragmentActivity {

Step 2. 修改第一個Fragment的介面結構檔和程式檔，就是在畫面下方新增一個按鈕，而且到場相幹的程式碼：

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

1. Alpha


以下內文出自: http://androidstation.pixnet.net/blog/post/233440249-fragment%E6%90%AD%E9%85%8D%E5%8B%95%E7%95%AB%E6有關翻譯的問題歡迎諮詢華碩翻譯