Android侧滑-DrawerLayout

这次想玩一下侧滑的效果,于是去百度找资料,大多数都是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。应该不难,然后在点击事件中如果侧滑布局没有打开,就进行一个打开,这样就完成了!!!


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

猜你喜欢

转载自blog.csdn.net/qq_32587949/article/details/78679389