DrawerLayout 侧滑栏

这篇博客介绍了如何在Android应用中使用DrawerLayout来创建常见的侧滑栏。首先,需要在Module的Gradle文件中添加依赖。接着,通过简单的布局文件和MainActivity.java的设置,可以实现侧滑栏功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、DrawerLayout侧滑栏

常见的客户端中左右侧滑栏一般都使用此控件,首先在项目Modle.gradle 中添加依赖包

implementation 'com.android.support:design:28.0.0'
implementation 'com.android.support:palette-v7:28.0.0'

简单示例如下:
(1)界面布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
    tools:context=".MainActivity">    
    <android.support.v4.widget.DrawerLayout
        android:id="@+id/id_dl_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:android = "http://schemas.android.com/apk/res/android">
        
        <!--普通布局-->
        <LinearLayout
            android:id="@+id/ll_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <Button
                android:id="@+id/open_left"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="打开左边"/>
            <Button
                android:id="@+id/open_right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="打开右边"/>
            <TextView
                android:id="@+id/ll_text"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:textSize="30sp"
                android:text="内容布局"/>
        </LinearLayout>

        <!--左侧滑布局-->
        <LinearLayout
            android:id="@+id/id_ll_left"
            android:layout_width="200dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="@color/colorAccent"
            android:orientation="vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="左侧滑栏"/>

            <Button
                android:id="@+id/lf_but"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="关闭"/>
        </LinearLayout>

        <!--右侧滑布局-->
        <LinearLayout
            android:id="@+id/id_ll_right"
            android:layout_width="200dp"
            android:layout_height="match_parent"
            android:layout_gravity="end"
            android:background="@color/colorPrimary"
            android:orientation="vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="右侧滑栏"/>
        </LinearLayout>
    </android.support.v4.widget.DrawerLayout>    
</android.support.constraint.ConstraintLayout>

(2)MainActivity.java

public class MainActivity extends AppCompatActivity {

    private DrawerLayout drawerLayout;
    private TextView ll_content;
    private LinearLayout id_ll_left;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        drawerLayout = findViewById(R.id.id_dl_root);
        ll_content = findViewById(R.id.ll_text);
        id_ll_left = findViewById(R.id.id_ll_left);

        drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {   //监听drawerLayout
            @Override
            public void onDrawerSlide(@NonNull View view, float v) {
                id_ll_left.setRotation(360 * v);    //360°旋转
                ll_content.setScaleX(2 * v);     //放大2倍
                ll_content.setScaleY(2 * v);
            }

            @Override
            public void onDrawerOpened(@NonNull View view) {

            }

            @Override
            public void onDrawerClosed(@NonNull View view) {

            }

            @Override
            public void onDrawerStateChanged(int i) {

            }
        });

        findViewById(R.id.lf_but).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                drawerLayout.closeDrawer(Gravity.START);
                ll_content.setText("左侧栏被点击了");
            }
        });

        findViewById(R.id.open_left).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                drawerLayout.openDrawer(Gravity.START);
            }
        });

        findViewById(R.id.open_right).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                drawerLayout.openDrawer(Gravity.END);
            }
        });
    }
}

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值