安卓Design包之超强控件CoordinatorLayout与SnackBar的简单使用

2022-12-18 16:27:08

在前面的Design中，学习使用了TabLayout,NavigationView与DrawerLayout实现的神奇效果，今天就带来本次Design包中我认为最有意义的控件CoordinatorLayout。

当然还有SnackBar，不过他在实际运用中一般都是和CoordinatorLayout搭配使用的。

先说下SnackBar，这个控件其实我觉得和Toast没什么差别，不过功能上的确有增强。这个控件可以通过setAction方法设置类似按钮一样的东西。而且这个东西可以设置多个。

重点还是我们的CoordinatorLayout控件，这是一个增强型的FrameLayout，功能非常强大，可以给它的子布局增加很多有意思的东西。

它通常和Behavior联合在一起使用。

项目已同步至github:https://github.com/nanchen2251/CoordinatorLayout(包括了下一节内容的源代码)

先上一波运行图：

可以在Behavior中通过监听Scoll来实现控件的显示和隐藏

package com.example.nanchen.designcoodinatordemo;

import android.content.Context;

import android.support.design.widget.CoordinatorLayout;

import android.support.v4.view.ViewCompat;

import android.util.AttributeSet;

import android.view.View;

/**

 * 自定义Behavior

 * Created by 南尘 on 16-7-14.

 */

public class MyBehavior extends CoordinatorLayout.Behavior {

    //写了这个构造方法才能在XML文件中直接指定

    public MyBehavior(Context context, AttributeSet attrs) {

        super(context, attrs);

    }

    @Override

    public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) {

        return true;//返回true代表我们关心这个滚动事件

    }

    @Override

    public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dx, int dy, int[] consumed) {

        super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed);

        if (dy < 0) {//向下滚动

            ViewCompat.animate(child).scaleX(1).alpha(1).start();

        } else {//向上滚动

            ViewCompat.animate(child).scaleX(0).alpha(0).start();

        }

    }

}

　　这样在下拉的时候就会消失。

值得注意的是，若是想在XML中显示指定Behavior的话，必须重写构造方法

public MyBehavior(Context context, AttributeSet attrs) {

        super(context, attrs);

    }

其他的一些代码

package com.example.nanchen.designcoodinatordemo;

import android.os.Bundle;

import android.support.design.widget.Snackbar;

import android.support.design.widget.SwipeDismissBehavior;

import android.support.v4.view.ViewCompat;

import android.support.v7.app.AppCompatActivity;

import android.support.v7.widget.RecyclerView;

import android.view.View;

import android.widget.TextView;

import java.util.ArrayList;

import java.util.List;

import java.util.Locale;

public class MainActivity extends AppCompatActivity implements SwipeDismissBehavior.OnDismissListener {

    private TextView tv;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        tv = (TextView) findViewById(R.id.main_tv);

        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.main_recycler);

        List<String> list = new ArrayList<>();

        for (int i = 0; i < 100; i++) {

            list.add(String.format(Locale.CHINA,"第%03d行",i));

        }

        MyAdapter adapter = new MyAdapter(list,this);

        recyclerView.setAdapter(adapter);

//        CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) tv.getLayoutParams();

//        SwipeDismissBehavior<TextView> behavior = new SwipeDismissBehavior<>();

//        behavior.setListener(this);//设置一个监听

//        params.setBehavior(behavior);//设置一个行为

//        MyBehavior behavior = new MyBehavior();

//        params.setBehavior(behavior);

    }

    @Override

    public void onDismiss(View view) {

        view.setVisibility(View.GONE);

        Snackbar.make(view,"删除了一个控件！",Snackbar.LENGTH_SHORT)

                .setAction("撤销", new View.OnClickListener() {

                    @Override

                    public void onClick(View v) {

                        tv.setVisibility(View.VISIBLE);

                        ViewCompat.animate(tv).alpha(1).start();//把透明度设置为1

                    }

                }).show();

    }

    @Override

    public void onDragStateChanged(int state) {

    }

}

package com.example.nanchen.designcoodinatordemo;

import android.content.Context;

import android.support.v7.widget.RecyclerView;

import android.view.ViewGroup;

import android.widget.TextView;

import java.util.List;

/**

 * Created by 南尘 on 16-7-14.

 */

public class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private List<String> list;

    private Context context;

    public MyAdapter(List<String> list, Context context) {

        this.list = list;

        this.context = context;

    }

    @Override

    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        TextView textView = new TextView(context);

        return new RecyclerView.ViewHolder(textView) {};

    }

    @Override

    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

        ((TextView) holder.itemView).setText(list.get(position));

    }

    @Override

    public int getItemCount() {

        return list.size();

    }

}

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.nanchen.designcoodinatordemo.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layoutManager="LinearLayoutManager"
        android:id="@+id/main_recycler"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:background="#f00"
        android:clickable="true"
        android:layout_gravity="center"
        android:id="@+id/main_tv"
        app:layout_behavior="com.example.nanchen.designcoodinatordemo.MyBehavior"
        android:text="Hello World!"/>

</android.support.design.widget.CoordinatorLayout>

码农公寓

相关文章