DrawerLayout的使用

来源:互联网 发布:淘宝宝贝重量属性 编辑:程序博客网 时间:2024/06/05 08:20

我的博客一般是不说废话的,如果只为学习使用可以只看加背景的部分,但是我会把我的工作中遇到的问题添加进去,推荐全看.偷笑如果感觉还不错可以顶一下哦!!!

在工作3年的经历中,之前一直没有意识到CSDN博客的重要性,一直到前几天突然有个哥们跟我说你在CSDN上面写过多少的博客了?他说他面试的时候被问到自己的博客信息问题我才真的意识到博客的重要性,三年没有跳过槽的我瞬间被惊醒了,这才开始整理我自己的笔记陆续的添加到博客中.尴尬惊恐

言归正传说说今天介绍的内容吧,惊天给大家简单的介绍一下DrawerLayout的简单的使用:

首先介绍一下这个控件:

DrawerLayout这个控件是MaterialDesign中推荐使用的一个具有侧滑功能的一个布局,他可以自动的实现侧滑菜单的效果,自带的动画效果,因为MaterialDesign这个设计是相当牛逼的一个设计,自从推出后火的不要不要的,推荐使用.

1.概述:

DrawerLayout是一个布局,内部直接添加两个子控件:

(1)第一个控件是主页面的布局

(2)第二个控件是侧滑菜单的布局这里推荐使用NavigationView(我之前介绍过这里就不再说了详情见上一篇博客)


2.使用步骤:

(1)在布局中引入DrawerLayout布局,记得是v4包下的,一定要给DrawerLayout设置id,后面要用

(2)内部添加两个控件:主页面的布局,侧滑菜单布局,记得有先后顺序

两步完成实现的效果图:是不是很简单,但是别慌还有优化的部分


两步完成后的代码(已经亲测,代码可以直接拿来使用):

<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayout android:id="@+id/drawerlayout"    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    xmlns:app="http://schemas.android.com/apk/res-auto"><!--主页面布局--><LinearLayout    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <android.support.v7.widget.Toolbar        android:id="@+id/toolbar"        android:layout_width="match_parent"        android:layout_height="?attr/actionBarSize"        android:background="#b19017">    </android.support.v7.widget.Toolbar>    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="约吗?美女" /></LinearLayout><!--侧滑菜单布局--><LinearLayout    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#ff0"    android:layout_gravity="start"></LinearLayout></android.support.v4.widget.DrawerLayout>

注意:第二个布局中有一个参数必须要指定android:layout_gravity="start",否则一切都是扯犊子,上来就会直接给你显示侧滑菜单布局

还有这个参数必须手写,提示不出来很坑吧

写到这里你发现,想要把侧滑菜单拉出来比拉屎还难,细心的哥们可能发现这里我用到了ToolBar(ToolBar使用我的下一篇博客会详细介绍,一时半会说不清楚),

对啊这个很关键哦,继续往下看,厉害的来了安卓底层实现了按钮图片的方法,不用你准备图片就给你搞定


(3)给ToolBar添加汉堡包按钮,并设置点击事件,这里需要在Mainactivity中设置,都是固定写法

代码(可以直接拿来用,代码建议保留这是我认为最牛逼的地方):

package com.jsxin0816.www.drawerlayout;import android.support.v4.view.GravityCompat;import android.support.v4.widget.DrawerLayout;import android.support.v7.app.ActionBar;import android.support.v7.app.ActionBarDrawerToggle;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.support.v7.widget.Toolbar;import android.view.MenuItem;public class MainActivity extends AppCompatActivity {    private DrawerLayout mDrawerLayout;    private Toolbar toolbar;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawerlayout);        toolbar = (Toolbar) findViewById(R.id.toolbar);        //Toolbar创建汉堡包按钮        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this,mDrawerLayout, toolbar,R.string.app_name,R.string.app_name);        //实现同步        toggle.syncState();        //给按钮设置监听事件        mDrawerLayout.addDrawerListener(toggle);    }}

效果图:

希望对小伙伴们有用,欢迎更正



1 0