DrawerLayout,NavigationView 和 ActionBar的使用

UI

DrawerLayout
    NavigationView
            layout_gravity="start"
            app:menu="@menu/"

    TextView

MainActivity中

1,初始化actionBar
    1,获取系统的actionBar
    2,设置actionBar左上角的图标显示
    3,设置actionBar的标题
    4,创建一个关联actionBar和DrawerLayout的对象actionBarDrawerToggle
    5,同步actionBarDrawerLayout
    6,设置drawerLayout的监听
2,重写onOptionsItemSelected
    1,用于实现actionBar上面的按钮点击事件
        1,actionBarDrawerToggle.onOptionsItemSelected(item)用于actionBar左上角的点击事件

3,初始化navigationView,设置其条目的点击事件
    mNavigationView.setNavigationItemSelectedListener
4,设置actionBar上面的图标
    1,设置actionBar的布局视图

    ```
    <?xml version="1.0" encoding="UTF-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:osc="http://schemas.android.com/apk/res-auto" >

        <item
            android:id="@+id/search_content"
            android:icon="@drawable/actionbar_search_icon" 
            android:title="@string/actionbar_title_search"
            android:visible="true"
            osc:showAsAction="always"/>
    </menu>
    ```

    2,重写onCreateOptionsMenu,并加载menu布局文件中的菜单视图

UI的代码

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       android:id="@+id/drawer_layout"
       android:layout_width="match_parent"
       android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="中间"/>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:itemTextColor="@color/viewpage_selector_slide_title"
        app:menu="@menu/drawer_menu">

    </android.support.design.widget.NavigationView>


</android.support.v4.widget.DrawerLayout>

MainActivity中的代码

/**
     * 设置actionBar的属性
     * 关联actionBar和DrawerLayout
     */
    private void initActionBar() {
        //获取actionBar
        ActionBar actionBar = getSupportActionBar();
        //设置显示左上角的按钮
        actionBar.setDisplayHomeAsUpEnabled(true);
        //设置标题
        actionBar.setTitle("归零");
        //关联actionBar和DrawerLayout
        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.string.open, R.string.close);
        //同步actionBarDrawerToggle
        mDrawerToggle.syncState();
        //设置DrawerLayout的监听
        mDrawerLayout.addDrawerListener(mDrawerToggle);
    }
 /**
     * 用于实现actionBar上面图标的点击事件
     * @param item
     * @return
     */
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                mDrawerToggle.onOptionsItemSelected(item);
                break;
            case R.id.search_content:
                //Todo,跳转到搜索的Activity
                break;
            default:
                break;
        }
        return super.onOptionsItemSelected(item);
    }
    /**
     * 用于创建ActionBar上面的图标
     * 在menu的xml文件中注意osc:showAsAction="always"或者"never"属性
     * @param menu
     * @return
     */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater menuInflater = getMenuInflater();
        menuInflater.inflate(R.menu.search_menu,menu);
        return super.onCreateOptionsMenu(menu);
    }
  /**
     * 用于设置navigationView的条目点击事件
     * 注意事项:使用navigatonView记得导入包: compile 'com.android.support:design:25.2.0'
     */
    private void initNavigationView() {
        mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.drawer_question:
                        //Todo 跳转技术问答
                        break;
                    case R.id.drawer_open:
                        //Todo 跳转开源软件
                        break;
                    case R.id.drawer_blog:
                        //Todo 跳转博客区
                        break;
                    case R.id.drawer_git:
                        //Todo 跳转Git客户端
                        break;
                    case R.id.drawer_setting:
                        //Todo 跳转设置
                        break;
                    case R.id.drawer_style:
                        //Todo 跳转夜间
                        break;



                    default:
                        break;
                }
                return false;
            }
        });
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值