day6 ToolBar-----SlidingMenu，DrawerLayout

870504

于 2019-08-12 16:21:20 发布

阅读量87

点赞数

本文链接：https://blog.csdn.net/suyuan_lx/article/details/99301064

版权

ToolBar

概义

ToolBar是Android 5.0推出的一个新的导航控件用于取代之前的ActionBar，由于其高度的可定制性、灵活性、具有Material Design风格等优点，越来越多的应用也用上了ToolBar，比如常用的知乎软件其顶部导航栏正是使用ToolBar。官方考虑到仍有一部分用户的手机版本号低于5.0，所以，ToolBar也放进了supportv7包内，使得低版本的系统也能使用上ToolBar。

DrawerLayout

DrawerLayout是Support Library包中实现了侧滑菜单效果的控件，可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后，google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。
DrawerLayout其实是一个布局控件，跟LinearLayout等控件是一种东西，但是drawerLayout带有滑动的功能。只要按照drawerLayout的规定布局方式写完布局，就能有侧滑的效果。
有两点要注意：1）主内容区的布局代码要放在侧滑菜单布局的前面,这可以帮助DrawerLayout判断谁是侧滑菜单，谁是主内容区；2）侧滑菜单的部分的布局（这里是ListView）可以设置layout_gravity属性，他表示侧滑菜单是在左边还是右边。
侧边菜单其实只是一个普通的View，一般里面装的是ListView，看起来就像菜单，他完全可以是一个button，textView等等。虽然称为菜单，但跟Activity的菜单形式是两码事，Activity的菜单只需要在资源文件中定义好，就能按照固定的形式显示出来。而drawerLayout的侧边菜单显示成什么样完全是取决于你自己，同样点击事件也完全由你自己去写。

布局

<LinearLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main2Activity">
<android.support.v4.widget.DrawerLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/drl"
    >
    <!--第一部分：主布局-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        >
        <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#da8080"
            >
            <ImageView
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:id="@+id/imgg"
                />
        </android.support.v7.widget.Toolbar>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="5"
            android:background="#f1f7ae"
            >
        </LinearLayout>
    </LinearLayout>
    <!--第二部分：抽屉 android:layout_gravity="left"-->
    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:background="#acedd9"
        android:layout_gravity="left"
        >
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="关闭抽屉"
            android:id="@+id/bt_close"
            />
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>
</LinearLayout>

主函数

public class Main2Activity extends AppCompatActivity {
ImageView imgg;
DrawerLayout drl;
Button bt_colse;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        imgg=findViewById(R.id.imgg);
        drl=findViewById(R.id.drl);
        bt_colse=findViewById(R.id.bt_close);
        Glide.with(this).load(R.drawable.zx).apply(RequestOptions.bitmapTransform(new CircleCrop())).into(imgg);
        imgg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                drl.openDrawer(Gravity.LEFT);
            }
        });
        bt_colse.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                drl.closeDrawers();
            }
        });
    }
}

ToolBar常用方法

1.supportRequestWindowFeature(Window.FEATURE_NO_TITLE);去掉标题栏；
2.Toolbar.setLogo(),设置logo图片;
3.Toolbar.setTitle().设置标题;
4.Toolbar.setSubTitle()设置子标题;
5.Toolbar.setTitleTextColor(int color);设置标题文字颜色；
6.Toolbar.setSubtitleTextColor();设置子标题文字颜色；
7.setTitleMargin(int start, int top, int end, int bottom);设置标题margin值； 8.onCreateOptionsMenu,getMenuInflater().inflate(R.menu.menu,menu)
设置菜单在给Toolbar设置为actionbar时使用；
9.Toolbar.setOnMenuItemClickListener();Toolbar绑定menu监听；
10.Toolbar.inflateMenu(R.menu.menu)在Toolbar没有替换actionbar时使用；
11.setSupportActionBar(mToolbar);设置toolbar替换actionbar；
12.getLayoutInflater().inflate(R.layout.view_tv,bar);Toolbar添加自定义view

Slidingmenu

常用方法

需导入Slide的model

导入方法

1.导入model
在这里插入图片描述
2.找到slide所在的文件夹路径，然后finish

3.

4.
5.选择slide,点击ok

常用方法
设置模式： setMode(SlidingMenu.LEFT);
设置触摸屏幕的模式：setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
//TOUCHMODE_FULLSCREEN全屏;TOUCHMODE_MARGIN边界;TOUCHMODE_NONE不能滑动
设置左侧菜单滑动显示的内容：slidingMenu.setMenu(R.layout.slide_menu);
设置左侧滑动菜单的阴影宽度:slidingMenu.setShadowWidth(300);
设置滑动时的渐变程度：slidingMenu.setFadeDegree(0.5f)；范围0.0f-1.0f
设置淡入淡出的效果：slidingMenu.setFadeEnabled(true);
设置左侧滑动菜单的阴影图片(颜色)：setShadowDrawable()；
设置滑出时主页面显示的剩余宽度：slidingMenu.setBehindOffset(200);
使SlidingMenu附加在Activity上：attachToActivity(this, SlidingMenu.SLIDING_CONTENT);

布局

<LinearLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

   <android.support.v7.widget.Toolbar
       android:layout_width="match_parent"
       android:layout_height="70dp"
       android:background="#00bffd"
       >
       <ImageView
           android:id="@+id/img"
           android:layout_width="80dp"
           android:layout_height="wrap_content"
           />
       <TextView
           android:layout_width="200dp"
           android:layout_height="wrap_content"
           android:text="消息"
           android:textSize="25sp"
           android:textStyle="bold"
           android:textColor="#fff"
           android:gravity="center"
           />
       <ImageView
           android:layout_width="80dp"
           android:layout_height="wrap_content"
           android:src="@drawable/add_pic"
           />
   </android.support.v7.widget.Toolbar>

</LinearLayout>

主函数

public class MainActivity extends AppCompatActivity {
ImageView img;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        img=findViewById(R.id.img);
        Glide.with(this).load(R.drawable.zx).apply(RequestOptions.bitmapTransform(new CircleCrop())).into(img);
        final SlidingMenu slidingMenu = new SlidingMenu(this);
        slidingMenu.setMode(SlidingMenu.LEFT);//设置模式，从左边拉出抽屉
        slidingMenu.setBehindOffset(100);//抽屉拉出来之后剩余的宽度
        View inflate = View.inflate(this, R.layout.menu_layout, null);
        Button bt1=inflate.findViewById(R.id.bt1);
        ImageView img_tou=inflate.findViewById(R.id.tou_img);
        Glide.with(this).load(R.drawable.zx).apply(RequestOptions.bitmapTransform(new CircleCrop())).into(img_tou);
	bt1.setOnClickListener(new View.OnClickListener() {
	    @Override
	    public void onClick(View v) {
	        slidingMenu.showContent();//回到主页面
	    }
	});
	 slidingMenu.setMenu(inflate);
        slidingMenu.attachToActivity(this,SlidingMenu.SLIDING_CONTENT);//和指定Activy绑定
        img.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                slidingMenu.showMenu();//显示抽屉布局
            }
        });

    }
}

Toolbar+系统菜单

public class MainActivity extends AppCompatActivity {
TextView tv_text,tv_c,tv_biao;
ImageView img_a,img_b;
Toolbar tb;
    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv_c=findViewById(R.id.tv_c);
        tv_text=findViewById(R.id.tv_text);
        img_a=findViewById(R.id.img_a);
        img_b=findViewById(R.id.img_b);
        tv_biao=findViewById(R.id.tv_biao);
        tb=findViewById(R.id.tb);
        img_a.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tv_text.setText("这是A");
            }
        });
        img_b.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tv_text.setText("这是B");
            }
        });
        tv_c.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tv_text.setText("这是C");
            }
        });
tb.inflateMenu(R.menu.menu1);
tb.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem menuItem) {
        switch (menuItem.getItemId()){
            case R.id.m1:
                Toast.makeText(MainActivity.this,"这是item0",Toast.LENGTH_SHORT).show();
                break;
            case R.id.m2:
                Toast.makeText(MainActivity.this,"这是item1",Toast.LENGTH_SHORT).show();
                break;
            case R.id.m3:
                tv_biao.setText("新标题");
                break;
        }
        return true;
    }
});
    }
}