仿QQ侧滑效果，DragLayout使用方法

最新推荐文章于 2024-11-08 11:37:31 发布

原创最新推荐文章于 2024-11-08 11:37:31 发布 · 1.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android #界面 #DragLayout

Android 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用DragLayout库轻松实现Android版QQ的侧滑功能，包括XML布局配置和类引用，适合开发者快速上手。

最近公司的项目要实现一个类似Android版QQ的侧滑功能。查找了一下相关的资料发现GitHub上已经有类似的效果了，比较火的有ResideMenu和DragLayout,DragLayout相对来说简单不少，实现起来非常方便。GitHub地址：https://github.com/BlueMor/DragLayout。

要使用DragLayout只要把DragLayout和MyRelativeLayout这两个类复制到自己的项目中，在定义xml文件的时候将主界面和需要侧滑出的界面写在一起就行，这里要注意最外层的Layout需要设为DragLayout:

 <com.xxx.DragLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dragLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
</com.xxx.DragLayout>

主界面的Layout需要用MyRelativeLayout包裹，顾名思义这里的MyRelativeLayout继承的是RelativeLayout，如果需要使用LinearLayout可以自行嵌套。

完整xml:

<yourpackagename.DragLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dragLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 <LinearLayout
            android:id="@+id/lin_mytime"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/lin_avatar"
            android:layout_marginLeft="32dp"
            android:layout_marginTop="60dp"
            android:orientation="horizontal" >


            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:src="@drawable/background" />


            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:background="@color/transparent"/>
        </LinearLayout>
 <yourpackagename.MyRelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background" >

        <include
            android:id="@+id/topbar"
            android:layout_width="match_parent"
            android:layout_height="@dimen/topbar_height"
            layout="@layout/main_topbar" />

        <GridView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@id/topbar"
            android:background="@drawable/background"
            android:gravity="center"
            android:numColumns="2"
            android:stretchMode="columnWidth" >
        </GridView>
    </yourpackagename.MyRelativeLayout>
</yourpackagename.DragLayout>