Android侧滑-DrawerLayout

来源:互联网 发布:自考师范本科 知乎 编辑:程序博客网 时间:2024/06/06 00:45

这次想玩一下侧滑的效果,于是去百度找资料,大多数都是SlidingPaneLayout和DrawerLayout的,我选用DrawerLayout简单实现了一下效果。。看我操作吧!!!

1、先给大家看一下效果,设计的比较简单,没有太多想法:


大体就是这样,通过点击左上角的按钮或则手指滑动,就可以将隐藏的布局给显示出来。

2、实现过程:

首先根布局要是android.support.v4.widget.DrawerLayout,然后在里面插入两个布局(布局类型这个随便啦),其中一个布局需要设置android:layout_gravity="start"这个属性,start是从左往右侧滑,end是从右往左侧滑。。

侧滑出来的布局自己加一些东西就可以啦@@

看一下我的布局文件吧,这里就不贴所有的,贴大概的结构,太多代码看着也挺难受:


<android.support.v4.widget.DrawerLayout     xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:id="@+id/drawerlayout"><LinearLayout    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <!-- 放主布局 --></LinearLayout><LinearLayout    android:id="@+id/left_linear"android:layout_width="280dp"                android:layout_gravity="start"                android:background="#FFF"                 android:orientation="vertical"                 android:clickable="true">       <!-- 放侧滑布局 -->       </LinearLayout></android.support.v4.widget.DrawerLayout

里面有两个LinearLayout,第一个是主布局,第二个是侧滑布局,侧滑布局的layout_width是一个定值,这样就可以留一点给主布局显示。

然后重要的东西就是主布局LinearLayout设置一下android:clickable="true",这样就可以点击啦,还避免点击侧滑布局的时候会触发主布局的点击事件。。

布局设计好了就可以运行一下,你会发现从左向右滑动,已经可以了。接下来就是实现以下按钮点击弹出侧滑布局的效果,这个代码很简单:


btn触发的点击事件后执行的代码:


解释一下,要获取三个变量,btn,侧滑布局和drawerlayout。应该不难,然后在点击事件中如果侧滑布局没有打开,就进行一个打开,这样就完成了!!!


可以设计一个好看点的布局,然后放在侧滑布局内,这样就完美了!!!希望对小伙伴们有帮助,最后点个赞呗@@,长得好看的都点了~

原创粉丝点击