Android新手开发之旅-使用SlidingMeau实现侧滑菜单

liu

使用SlidingMeau实现侧滑菜单




SlidingMeau是一个第三方开源库，使用它能快速的帮我们实现侧滑菜单


步骤：


1、下载地址：https://github.com/jfeinstein10/SlidingMenu

        


2、将下载好的文件解压，找到library文件夹，将他导入到Android Studio



        
      

3、导入后可能会报错,我们需要把它的build.gradle文件修改:
     dependencies的classpath改为你项目根目录的build.gradle的dependencies的classpath
     compileSdkVerSion和buildToolsVersion和targetSdkVersion改成和你app目录下的build.gradle里面一致就可以了
     apply plugin: 'android-library'修改为apply plugin: 'com.android.library'


      

4、给我们的项目添加module依赖：
      
      

        

        

点击完成后就可以在我们的项目中使用SlidingMeau了


5、新建一个布局来显示侧滑菜单
slidingmenu.xml：

[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"
    android:orientation="vertical">

    <com.jeremyfeinstein.slidingmenu.lib.SlidingMenu
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/colorPrimary"
            android:orientation="vertical">


            <TextView
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:gravity="center_vertical"
                android:paddingLeft="20dp"
                android:textColor="@android:color/white"
                android:text="第一个选项" />

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/colorAccent" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:gravity="center_vertical"
                android:paddingLeft="20dp"
                android:textColor="@android:color/white"
                android:text="第二个选项" />

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/colorAccent" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:gravity="center_vertical"
                android:paddingLeft="20dp"
                android:textColor="@android:color/white"
                android:text="第三个选项" />

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/colorAccent" />
        </LinearLayout>
    </com.jeremyfeinstein.slidingmenu.lib.SlidingMenu>
</LinearLayout>

java代码

[Java] 纯文本查看 复制代码

package com.company.helloworld.firstapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;

import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;

public class MainActivity extends AppCompatActivity {


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

        SlidingMenu mSlidingMenu = new SlidingMenu(this);
        //设置从左弹出/滑出SlidingMenu
        mSlidingMenu.setMode(SlidingMenu.LEFT);
        //设置占满屏幕
        mSlidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
        //绑定到哪一个Activity对象
        mSlidingMenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
        //设置弹出的SlidingMenu的布局文件
        mSlidingMenu.setMenu(R.layout.slidingmenu);
        //设置SlidingMenu所占的偏移
        mSlidingMenu.setBehindOffsetRes(R.dimen.slidingmeau);

    }

}

res/value下新建dimen.xml：

[XML] 纯文本查看 复制代码

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <dimen name="slidingmeau">200dp</dimen>
</resources>

看下效果：


        

Amy

我只是路过打酱油的。

站长苏飞

我只是路过打酱油的。

惜

激动人心，无法言表！

竹林风

感恩无私的分享与奉献