Android使用setContentView實現頁面的轉換效果

Posted on by

一提到Android中頁面的切換，你是不是隻想到瞭startActivity啟動另一個Activity？
其實在Android中，可以直接利用setContentView達到類似頁面轉換效果的！實現思路如下：

  1. 在第一個Activity的佈局中添加一個Button，實現點擊事件
  2. 點擊該Button，調用setContentView，傳入第二個頁面的Layout，第二個頁面就顯示出來瞭
  3. 第二個頁面的佈局中仍然有一個Button，仍然實現其點擊事件
  4. 點擊該Button，調用setContentView，傳入第一個頁面的Layout，第一個頁面就顯示回來瞭

因此，有點類似相互嵌套調用，源代碼如下：

public class ExampleActivity extends Activity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_page_layout);
    
    Button button = findViewById(R.id.buttonGoToLayout2);
    button.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        // 跳轉到第二個頁面
        jumpToLayout2();
      }
    });
  }

  private void jumpToLayout2() {
    // 設置第二個頁面的佈局
    setContentView(R.layout.layout2);
    Button button2 = findViewById(R.id.buttonGoToLayout1);
    button2.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        // 在第二個頁面中，點擊Button，跳轉到第一個頁面
        jumpToLayout1();
      }
    });
  }

  private void jumpToLayout1() {
    // 設置第一個頁面d的佈局
    setContentView(R.layout.main_page_layout);
    Button button = findViewById(R.id.buttonGoToLayout2);
    button.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        // 點擊第一個頁面的Button，跳轉到第二個頁面
        jumpToLayout2();
      }
    });
  }
}

兩個佈局文件如下：

1、第一個頁面佈局：main_page_layout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center">
    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="This is Layout One"
        android:paddingTop="20dp"
        android:textSize="30sp"/>
    <Button
        android:text="Go to Layout Two"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/buttonGoToLayout2"
        android:layout_marginTop="20dp"
        android:layout_below="@id/textView1"/>
</RelativeLayout>

2、第二個頁面佈局：layout2.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:background="@android:color/black" >
  <TextView
      android:id="@+id/textView2"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:text="This is Layout Two"
      android:paddingTop="20dp"
      android:textColor="@android:color/white"
      android:textSize="30sp"/>
  <Button
      android:text="Go to Layout One"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/buttonGoToLayout1"
      android:layout_marginTop="20dp"
      android:layout_below="@id/textView2"/>
</RelativeLayout>

通過setContentView實現頁面切換，相比Activity切換有個特別的優點：

所有程序裡的變量都存在相同的狀態：類成員變量、類函數等，都可以在同一個Activity中直接獲得，沒有參數傳遞的問題。比如：

Layout1收集瞭用戶輸入的銀行卡號碼等付款信息，點擊“下一步”進入Layout2顯示訂單信息，讓用戶確認，用戶點擊“確認”按鈕後，進入Layout3進行付款的授權操作，整個過程沒有變量的傳遞。

以上就是Android使用setContentView實現頁面的轉換效果的詳細內容，更多關於Android 頁面轉換效果的資料請關註WalkonNet其它相關文章！

推薦閱讀：