一、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);
}
});
}
}