fragment的切換以及toolbar在不同頁面下顯示的menu不同

LatMilerum 8年前發布 | 73K 次閱讀 Android開發移動開發

來自： http://blog.csdn.net//chenguang79/article/details/49486723

      上一篇我們已經把首頁的一個基本框架搭起來了，今天我們繼續我們的工作，左側側滑菜單已經有了，我們就為它加載上相應的頁面吧。我們在看知乎的時候，你會發現，首頁，發現，關注，收藏，草稿這五項，你在點擊之后進入到相應頁面之后，側滑菜單還在，你左側滑一下，這個側滑菜單還在，而提問，左滑屏幕，這個頁面就沒有，有點像返回上一頁的感覺。
     從操作來看，五頁面應該是fragment之間的切換，而提問是單獨的activity。
     我們先從幾個fragment入手，這里我們建立五fragment頁，選擇繼承自android.support.v4.app.Fragment，因為這五個頁面基本上都一樣，就是簡單的一個布局，然后顯示一個標題。分別是
     首頁： IndexFragment.java
     發現： FindFragment.java
     關注： AttentionFragment.java
     收藏： CollectionFragment.java
     草稿： DraftFragment.java
代碼就以首頁為例：

fragment_index.xml

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

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="我是首頁"
        android:gravity="center"/>

</LinearLayout>

IndexFragment.java

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * 首頁
 * Created by cg on 2015/10/27.
 */
public class IndexFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_index,container,false);

        return view;
    }
}

fragment頁面之間的切換，這個大家都會，這里就不細說了，如果有感覺這方面還不是很明確的，給推薦一個blog，里面說的很不錯。http://blog.csdn.net/lmj623565791/article/details/42628537
這里我要強調的是，一般我們來進行fragment頁面切換的時候，都是采用replace方法，進行切換，其實replace方就是remove方法和add方法的一個合體，使我們的代碼變得簡單了。可是這里就出現一個問題，這個方法，是移除與添加，也就是說，我們在切換的時候，它會重新加載，也就是說如果是讀取數據，它就會重新去讀數據，重新加載。這個在讀本地數據庫的時候，可能不算什么，可是在讀網絡數據的時候，這就浪費了流量，所以我們不能使用這個方法，我們這里使用hide,show,方法，用隱藏和顯示的方法來進行切換。下面是一個通用的方法，代碼如下：

/**
     * 當fragment進行切換時，采用隱藏與顯示的方法加載fragment以防止數據的重復加載
     * @param from
     * @param to
     */
    public void switchContent(Fragment from, Fragment to) {
        if (isFragment != to) {
            isFragment = to;
            FragmentManager fm = getSupportFragmentManager();
            //添加漸隱漸現的動畫
            FragmentTransaction ft = fm.beginTransaction();
            if (!to.isAdded()) {    // 先判斷是否被add過
                ft.hide(from).add(R.id.frame_main, to).commit(); // 隱藏當前的fragment，add下一個到Activity中
            } else {
                ft.hide(from).show(to).commit(); // 隱藏當前的fragment，顯示下一個
            }
        }
    }

   好，我們解決了fragment切換的問題，哪么下面我們就要來看一下，如何去觸發這個方法，當我們點擊左側側滑菜單按鈕的時候，我們如何去進行觸發這個點擊事件呢。
其實也很簡單，我們只要在側滑菜單頁頁，定義一個點擊事件的接口，然后讓mainActivity頁面，implements它就行了，
我們來修改一下我們的tool_NavigationDrawerFragment.java。代碼如下：

import android.app.Fragment;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ListView;

import com.example.cg.zhihu_one.Adapters.Main_Drawer_lv_Adapter;
import com.example.cg.zhihu_one.models.MainDrawerMenu;

import java.util.ArrayList;
import java.util.List;

/**
 * 左側側滑頁面
 * Created by cg on 2015/10/23.
 */
public class tool_NavigationDrawerFragment extends Fragment {
    private ListView lv_main_drawer_leftmenu;                                                 //定義菜單的listView
    private List<MainDrawerMenu> list_menu;


    /**
     *  設置菜單點擊接口，以方便外部Activity調用
     */
    public interface menuClickListener
    {
        void menuClick(String menuName);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_main_drawer,container,false);

        initleftMenuContral(view);

        return view;
    }

    /**
     * 初始化左側菜單列表listView,并為菜單，設置點擊事件
     * @param view
     */
    private void initleftMenuContral(View view) {
        lv_main_drawer_leftmenu = (ListView)view.findViewById(R.id.lv_main_drawer_leftmenu);
        list_menu = getMenuItem();
        lv_main_drawer_leftmenu.setAdapter(new Main_Drawer_lv_Adapter(getActivity(),list_menu));
        lv_main_drawer_leftmenu.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if(getActivity() instanceof menuClickListener)
                {
                    ((menuClickListener)getActivity()).menuClick(list_menu.get(position).getMainDrawer_menuName());
                }
            }
        });
    }

    /**
     * 從arrays.xml中取出數據，裝入list<T>中
     * @return
     */
    private List<MainDrawerMenu> getMenuItem()
    {
        List<MainDrawerMenu> list_menu = new ArrayList<MainDrawerMenu>();

        String[] itemTitle = getResources().getStringArray(R.array.item_title);
        TypedArray itemIconRes = getResources().obtainTypedArray(R.array.item_icon_res);

        for(int i=0;i<itemTitle.length;i++)
        {

            MainDrawerMenu lmi = new MainDrawerMenu();
            lmi.setMainDrawer_icon(itemIconRes.getResourceId(i,0));
            lmi.setMainDrawer_menuName(itemTitle[i]);
            list_menu.add(lmi);
        }

        return list_menu;
    }
}

好了，現在我們再來修改一下我們的 MainActivity.java代碼。
這里我們要添加三個地方，一是初始的時候，我們把首頁的fragment給它加載進去，二是把implements自tool_NavigationDrawerFragment的點擊方法實現了，
三是實現頁面之間的切換。下面直接看代碼吧
<pre name="code" class="java">import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity implements tool_NavigationDrawerFragment.menuClickListener {

    private Toolbar toolbar;                             //定義toolbar
    private ActionBarDrawerToggle mDrawerToggle;         //定義toolbar左上角的彈出左側菜單按鈕
    private DrawerLayout drawer_main;                    //定義左側滑動布局，其實就是主布局

    private IndexFragment iFragment;                     //定義首頁fragment
    private FindFragment fFragment;                      //定義發現fragment
    private AttentionFragment aFragment;                 //定義關注fragment
    private CollectionFragment cFragment;                //定義收藏fragment
    private DraftFragment dFragment;                     //定義草稿fragment


    private Fragment isFragment;                         //記錄當前正在使用的fragment

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

        initToolbar();
        initFragment(savedInstanceState);
    }

    /**
     * 初始化Toolbar，并設置Toolbar中的菜單與標題，并與DrawerLayout.DrawerListener相關聯，設置動態圖標
     */
    public void initToolbar()
    {
        toolbar = (Toolbar)this.findViewById(R.id.toolbar);
        toolbar.setTitle(R.string.menu_index);                     // 標題的文字需在setSupportActionBar之前，不然會無效
        setSupportActionBar(toolbar);

        //為了生成，工具欄左上角的動態圖標，要使用下面的方法
        drawer_main = (DrawerLayout) findViewById(R.id.drawer_main);
        mDrawerToggle = new ActionBarDrawerToggle(this, drawer_main, toolbar, R.string.drawer_open,
                R.string.drawer_close);
        mDrawerToggle.syncState();
        drawer_main.setDrawerListener(mDrawerToggle);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.main_toolbar_shuffle) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    /**
     * 為頁面加載初始狀態的fragment
     */
    public void initFragment(Bundle savedInstanceState)
    {
        //判斷activity是否重建，如果不是，則不需要重新建立fragment.
        if(savedInstanceState==null) {
            FragmentManager fm = getSupportFragmentManager();
            FragmentTransaction ft = fm.beginTransaction();
            if(iFragment==null) {
                iFragment = new IndexFragment();
            }
            isFragment = iFragment;
            ft.replace(R.id.frame_main, iFragment).commit();
        }
    }

    /**
     * 接收左側側滑菜單的點擊事件
     * @param menuName   菜單名稱
     */
    @Override
    public void menuClick(String menuName) {

        getSupportActionBar().setTitle(menuName);                                   //修改Toolbar菜單的名字

        FragmentManager fm = getSupportFragmentManager();
        FragmentTransaction ft = fm.beginTransaction();

        switch (menuName)
        {
            case "首頁" :
                if(iFragment!=null) {
                    iFragment = new IndexFragment();
                }
                switchContent(isFragment,iFragment);
                break;
            case "發現" :
                if(fFragment==null)
                {
                    fFragment = new FindFragment();
                }
                switchContent(isFragment,fFragment);
                break;
            case "關注" :
                if(aFragment==null)
                {
                    aFragment = new AttentionFragment();
                }
                switchContent(isFragment,aFragment);
                break;
            case "收藏" :
                if(cFragment==null)
                {
                    cFragment = new CollectionFragment();
                }
                switchContent(isFragment,cFragment);
                break;
            case "草稿" :
                if(dFragment==null)
                {
                    dFragment = new DraftFragment();
                }
                switchContent(isFragment,dFragment);
                break;
            case "提問" :

                break;
        }

        invalidateOptionsMenu();

        /**
         * 關閉左側滑出菜單
         */
        drawer_main.closeDrawers();
    }

    /**
     * 當fragment進行切換時，采用隱藏與顯示的方法加載fragment以防止數據的重復加載
     * @param from
     * @param to
     */
    public void switchContent(Fragment from, Fragment to) {
        if (isFragment != to) {
            isFragment = to;
            FragmentManager fm = getSupportFragmentManager();
            //添加漸隱漸現的動畫
            FragmentTransaction ft = fm.beginTransaction();
            if (!to.isAdded()) {    // 先判斷是否被add過
                ft.hide(from).add(R.id.frame_main, to).commit(); // 隱藏當前的fragment，add下一個到Activity中
            } else {
                ft.hide(from).show(to).commit(); // 隱藏當前的fragment，顯示下一個
            }
        }
    }
}

來看一下，我們運行的效果，如圖

當我們點擊左側菜單的時候，你會發現里面的fragment進行切換。同時toolbar左上角的標題也跟著變了。左上角的標題主要是代碼getSupportActionBar().setTitle(menuName)
;它是用來動態修改toolbar的title的。在initFragment方法有一個很重要的知識點，就是if(savedInstanceState==null)的判斷，它的作用就是在我們進行橫豎屏切換時不會
出現頁面疊加，我在一開始給的blog里面有兩個連接也其中一個就是講這個的，大家有興趣可以去看一下。

   現在我們已經可以很輕松的切換左側側滑菜單的各頁面了，這時候我們會現一個問題，就是在toolbar上，第一個menu，這個menu在知乎里只有當菜單是發現時，才會出來，
而在別的頁面時，它是不會顯示的，也就是說，toolbar里面的menu是可以動態改變的。

   我們知道，菜單是可以在onCreateOptionsMenu中進行處理的，可是這個方法，有一個問題，它在menu剛建立時才會執行，因此想動態修改menu它是不行的。

onPrepareOptionsMenu這個方法，是每次點擊menu時就會被觸發，可是這個方法也是我們用的，因為我們是要點擊左側側滑菜單來改變menu啊。
還有一個方法是invalidateOptionsMenu();這個方法是使原填充的menu無效，那么我們在每次點擊側滑菜單時，加上這句就OK了。
MainActivty.java代碼如下：

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements tool_NavigationDrawerFragment.menuClickListener {

    private Toolbar toolbar;                             //定義toolbar
    private ActionBarDrawerToggle mDrawerToggle;         //定義toolbar左上角的彈出左側菜單按鈕
    private DrawerLayout drawer_main;                    //定義左側滑動布局，其實就是主布局

    private IndexFragment iFragment;                     //定義首頁fragment
    private FindFragment fFragment;                      //定義發現fragment
    private AttentionFragment aFragment;                 //定義關注fragment
    private CollectionFragment cFragment;                //定義收藏fragment
    private DraftFragment dFragment;                     //定義草稿fragment


    private Fragment isFragment;                         //記錄當前正在使用的fragment
    private boolean isMenuShuffle = false;               //判斷是否顯示toolbar上的隨機菜單

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

        initToolbar();
        initFragment(savedInstanceState);
    }

    /**
     * 初始化Toolbar，并設置Toolbar中的菜單與標題，并與DrawerLayout.DrawerListener相關聯，設置動態圖標
     */
    public void initToolbar()
    {
        toolbar = (Toolbar)this.findViewById(R.id.toolbar);
        toolbar.setTitle(R.string.menu_index);                     // 標題的文字需在setSupportActionBar之前，不然會無效
        setSupportActionBar(toolbar);

        //為了生成，工具欄左上角的動態圖標，要使用下面的方法
        drawer_main = (DrawerLayout) findViewById(R.id.drawer_main);
        mDrawerToggle = new ActionBarDrawerToggle(this, drawer_main, toolbar, R.string.drawer_open,
                R.string.drawer_close);
        mDrawerToggle.syncState();
        drawer_main.setDrawerListener(mDrawerToggle);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {


        switch (item.getItemId())
        {
            case R.id.main_toolbar_search:
                Toast.makeText(this, "main_toolbar_search", Toast.LENGTH_LONG).show();
                break;
            case R.id.main_toolbar_notify:
                Toast.makeText(this, "main_toolbar_notify", Toast.LENGTH_LONG).show();
                break;
            case R.id.main_toolbar_about:
                Toast.makeText(this, "main_toolbar_about", Toast.LENGTH_LONG).show();
                break;
            case R.id.main_toolbar_register:
                Toast.makeText(this,"main_toolbar_register",Toast.LENGTH_LONG).show();
                break;
            case R.id.main_toolbar_shuffle:
                Toast.makeText(this,"main_toolbar_shuffle",Toast.LENGTH_LONG).show();
                break;
        }


        return super.onOptionsItemSelected(item);
    }

    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        //Log.e("isMenuShuffle",isMenuShuffle + "");
        if(isMenuShuffle)
        {
            menu.findItem(R.id.main_toolbar_shuffle).setVisible(true);
        }else
        {
            menu.findItem(R.id.main_toolbar_shuffle).setVisible(false);
        }
        return super.onPrepareOptionsMenu(menu);
    }

    /**
     * 為頁面加載初始狀態的fragment
     */
    public void initFragment(Bundle savedInstanceState)
    {
        //判斷activity是否重建，如果不是，則不需要重新建立fragment.
        if(savedInstanceState==null) {
            FragmentManager fm = getSupportFragmentManager();
            FragmentTransaction ft = fm.beginTransaction();
            if(iFragment==null) {
                iFragment = new IndexFragment();
            }
            isFragment = iFragment;
            ft.replace(R.id.frame_main, iFragment).commit();
        }
    }

    /**
     * 接收左側側滑菜單的點擊事件
     * @param menuName   菜單名稱
     */
    @Override
    public void menuClick(String menuName) {

        getSupportActionBar().setTitle(menuName);                                   //修改Toolbar菜單的名字

        FragmentManager fm = getSupportFragmentManager();
        FragmentTransaction ft = fm.beginTransaction();

        switch (menuName)
        {
            case "首頁" :
                if(iFragment!=null) {
                    iFragment = new IndexFragment();
                }
                switchContent(isFragment,iFragment);
                isMenuShuffle = false;
                break;
            case "發現" :
                if(fFragment==null)
                {
                    fFragment = new FindFragment();
                }
                switchContent(isFragment,fFragment);
                isMenuShuffle = true;
                break;
            case "關注" :
                if(aFragment==null)
                {
                    aFragment = new AttentionFragment();
                }
                switchContent(isFragment,aFragment);
                isMenuShuffle = false;
                break;
            case "收藏" :
                if(cFragment==null)
                {
                    cFragment = new CollectionFragment();
                }
                switchContent(isFragment,cFragment);
                isMenuShuffle = false;
                break;
            case "草稿" :
                if(dFragment==null)
                {
                    dFragment = new DraftFragment();
                }
                switchContent(isFragment,dFragment);
                isMenuShuffle = false;
                break;
            case "提問" :
                isMenuShuffle = false;
                /*Intent qIntent = new Intent();
                qIntent.setClass(this,QuestionAcivity.class);
                startActivity(qIntent);*/
                break;
        }

        invalidateOptionsMenu();

        /**
         * 關閉左側滑出菜單
         */
        drawer_main.closeDrawers();
    }

    /**
     * 當fragment進行切換時，采用隱藏與顯示的方法加載fragment以防止數據的重復加載
     * @param from
     * @param to
     */
    public void switchContent(Fragment from, Fragment to) {
        if (isFragment != to) {
            isFragment = to;
            FragmentManager fm = getSupportFragmentManager();
            //添加漸隱漸現的動畫
            FragmentTransaction ft = fm.beginTransaction();
            if (!to.isAdded()) {    // 先判斷是否被add過
                ft.hide(from).add(R.id.frame_main, to).commit(); // 隱藏當前的fragment，add下一個到Activity中
            } else {
                ft.hide(from).show(to).commit(); // 隱藏當前的fragment，顯示下一個
            }
        }
    }

最后的結果如下圖：

是不是達到了我們想要的效果呢

本文由用戶 LatMilerum 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

本文地址：http://www.baiduhome.net/lib/view/open1455271153636.html

Android開發移動開發

fragment的切換以及toolbar在不同頁面下顯示的menu不同

相關經驗

相關資訊

相關文檔

目錄