Android Studio - Navigation （頁面之間的切換）

 

 

1.創建 Fragment 類 演示如下：

 

 

 

下面兩個選項如非必要無需選擇

 

 

如圖：

我創建的是DetailFragment 和HomeFragment創建成功會出現 Java 文件 和xml 文件

 

 

2. 設計布局 ，實現代碼

點擊需要的編輯的界面的xml 文件，編輯界面，最好引進ConstraintLayout 方便布局

 

 

 

 

3. 在res 創建 新的資源文件 如圖所示：

 

 

 創建成功之后將設計好的兩個界面引入：  紅色的為引入界面  紫色的地方為引入之后界面  箭頭的方向（需要自己手動連接箭頭）及界面跳轉的方式

 

 

在如下的側邊欄可以設計界面跳轉的動畫 和開始界面 等等。

 

 

 

 

 

 

 

4. 最容易忘記的一步 :

 

 在main_activity.xml  將設計好的 fragment 引入：

 

找到 Containers 當中的 NavHostFragment 將設計好的導入即可。

 

 

 

 后台實現代碼：

HomeFragment :

package com.example.navigationdemo;


import android.os.Bundle;

import androidx.annotation.NavigationRes;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;


/**
 * A simple {@link Fragment} subclass.
 */
public class HomeFragment extends Fragment {


    public HomeFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_home, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Button button;
        button=getView().findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //找到button 所歸屬的Controller
                NavController controller= Navigation.findNavController(v);
                controller.navigate(R.id.action_homeFragment_to_detailFragment);
            }
        });

    }
}

DetailFragment：

package com.example.navigationdemo;


import android.os.Bundle;

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.navigation.Navigation;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;


/**
 * A simple {@link Fragment} subclass.
 */
public class DetailFragment extends Fragment {


    public DetailFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_detail, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        //Button button;
        getView().findViewById(R.id.button2).setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action_detailFragment_to_homeFragment));
    }
}

MainActivity

package com.example.navigationdemo;

import androidx.appcompat.app.AppCompatActivity;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.ui.NavigationUI;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //創建返回鍵 左上角
        NavController controller= Navigation.findNavController(this,R.id.fragment);
        NavigationUI.setupActionBarWithNavController(this,controller);
    }
    //實現返回功能
    @Override
    public boolean onSupportNavigateUp() {
        NavController controller=Navigation.findNavController(this,R.id.fragment);
        return controller.navigateUp();
        //return super.onSupportNavigateUp();
    }
}

這里使用的是databinging；

還有些xml 的配置 就不寫了。。