Android ToolBar+DrawerLayout

主类:

package com.example.day03lx;

import android.os.Bundle;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private TextView textView;
    private Toolbar toolbar;
    private DrawerLayout drawerLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        //************一定要设置toolBar要不然不出效果*********************
        setSupportActionBar(toolbar);
        
        toolbar.setSubtitle("子标题");

        ActionBar supportActionBar = getSupportActionBar();
        if (supportActionBar != null) {
            supportActionBar.setDisplayHomeAsUpEnabled(true);
            supportActionBar.setHomeAsUpIndicator(android.R.drawable.arrow_up_float);
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.item, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int itemId = item.getItemId();
        switch (itemId) {
            case R.id.add:
                Toast.makeText(this, "增加", Toast.LENGTH_SHORT).show();
                break;
            case R.id.delete:
                Toast.makeText(this, "删除", Toast.LENGTH_SHORT).show();
                break;
            case R.id.seath:
                //********************
                item.collapseActionView();
                break;
            case android.R.id.home:
                //********************
                drawerLayout.openDrawer(GravityCompat.START);
                break;
        }
        return super.onOptionsItemSelected(item);
    }

    private void initView() {
        textView = (TextView) findViewById(R.id.textView);
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        drawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);
    }
}

主布局:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <!--android:layout_gravity="left"最为主要******-->
    <!--表示从左边进来-->
    <TextView
        android:id="@+id/textView"
        android:layout_width="50dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="@color/colorAccent"
        android:text="我是侧栏目" />

    <!--ToolBar外面一定要有个布局嵌套,要不然不出效果-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            app:title="我的信息"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@color/colorPrimary">

        </android.support.v7.widget.Toolbar>
    </LinearLayout>


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

manu->item:

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

    <item
        android:id="@+id/add"
        android:title="添加"
        app:showAsAction="never"
        >

    </item>
    <item
        android:id="@+id/delete"
        android:title="删除"
        android:icon="@android:drawable/ic_delete"
        app:showAsAction="ifRoom|withText">

    </item>
    <item
        android:id="@+id/seath"
        android:title="搜索"
        app:showAsAction="always|withText"
        app:actionViewClass="android.widget.SearchView">

    </item>
</menu>

values->styles.xml:

<resources>

    <!-- Base application theme. -->
    <!--DarkActionBar改为NoActionBar-->
    <!--表示本来的主题没有了,可以自定义他的标题了-->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

效果:

menu->item中:

一.设置每个item的显示方式:app:showAsAction="",有以下五个属性:

    1.always:表示总是在标题栏显示

    2.never:表示会在那三个点点中显示

    3.ifRoom:表示那一行如果有空间就在上面显示,没有空间的话就在三个点点钟显示

    4.withText:表示显示的时候,连并文字一块显示

    5.collapseActionView:表示点击的时候跟随者一个控件

二.设置图标的样式 android:icon="@android:---"

    drawable/ic_delete 表示 X

    drawable/ic_menu_set_as

    drawable/title_bar 

猜你喜欢

转载自blog.csdn.net/LIXIAONA_1101/article/details/81394643