Android开发-DesignDemo-AndroidStudio(十)FloatingActionButton(2)

FloatingActionButton和ImageButton的区别：

跟上一篇博文对比，这里左右对调了两种Button的位置，对实现效果没有影响，可以自己尝试换过来，也是可以的。

左边是FloatingActionButton，右边是ImageButton。

另外，还实现了一个CollapsingToolbarLayout，就是折叠的ActionBar。

直接看下面的GIF比较直观：

activity_main.xml:

<?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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.iwanghang.coordinatordemo.MainActivity">

    <!--layout_scrollFlags enterAlwaysCollapsed 第一条上拉至第一条数据才出现ActionBar-->
    <!--layout_scrollFlags enterAlways 只要上拉就出现ActionBar-->
    <!--contentScrim 遮蔽颜色-->
    <!--layout_collapseMode parallax 视差-->
    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:theme="@style/Widget.AppCompat.ActionBar">
        <android.support.design.widget.CollapsingToolbarLayout
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorAccent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <ImageView
                app:layout_collapseMode="parallax"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:src="@mipmap/ic_launcher"/>
            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?actionBarSize" />
        </android.support.design.widget.CollapsingToolbarLayout>
        <!--<TextView-->
            <!--android:text="悬停条目"-->
            <!--android:textColor="#ffffff"-->
            <!--android:layout_width="match_parent"-->
            <!--android:layout_height="wrap_content" />-->
    </android.support.design.widget.AppBarLayout>

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

    <!--<TextView-->
        <!--android:clickable="true"-->
        <!--android:id="@+id/textView_1"-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:layout_marginTop="100dp"-->
        <!--android:layout_marginLeft="100dp"-->
        <!--android:textSize="20sp"-->
        <!--android:background="#f00"-->
        <!--android:text="textView_1\nlist上下滚动显示隐藏\n通过setBehavior实现" />-->

    <TextView
        android:clickable="true"
        android:id="@+id/textView_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textSize="20sp"
        android:background="#f00"
        android:text="textView_2\n向右滑动" />

    <TextView
        app:layout_behavior="com.iwanghang.coordinatordemo.MyBehavior"
        android:clickable="true"
        android:id="@+id/textView_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center|bottom"
        android:textSize="20sp"
        android:background="#f00"
        android:text="textView_3\nlist上下滚动显示隐藏\n指定layout_behavior实现" />

    <!--右下角 FloatingActionButton-->
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        app:layout_anchor="@id/appbar"
        app:layout_anchorGravity="start|bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />
    <!--左下角 ImageButton-->
    <ImageButton
        android:id="@+id/imageBtn"
        app:layout_anchor="@id/appbar"
        app:layout_anchorGravity="end|bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />

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

MainAcitivity.java:跟上一篇博文一样

package com.iwanghang.coordinatordemo;

import android.support.design.widget.CoordinatorLayout;
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.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.Toolbar;
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 {
    private TextView textView_1;
    private TextView textView_2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //textView_1 = (TextView) findViewById(R.id.textView_1);
        textView_2 = (TextView) findViewById(R.id.textView_2);

        // 手动强转控件类型
        //CoordinatorLayout.LayoutParams params_1 =
        //        (CoordinatorLayout.LayoutParams) textView_1.getLayoutParams();
        CoordinatorLayout.LayoutParams params_2 =
                (CoordinatorLayout.LayoutParams) textView_2.getLayoutParams();

        // setBehavior 设置控件的行为
        //params.setBehavior();
        // SwipeDismissBehavior 实例化滑动删除行为
        SwipeDismissBehavior<View> behavior = new SwipeDismissBehavior<>();

        // 滑动删除行为监听
        behavior.setListener(new SwipeDismissBehavior.OnDismissListener() {
            @Override
            public void onDismiss(View view) { // 当控件消失
                // 在设置控件隐藏之前，其实控件只是透明，还可以滑动回来
                view.setVisibility(View.GONE); // 设置控件隐藏

                Snackbar.make(view,"删除控件",Snackbar.LENGTH_LONG)
                        .setAction("撤销", new View.OnClickListener() {
                            @Override
                            public void onClick(View view) {
                                textView_2.setVisibility(View.VISIBLE); // 设置控件显示
                                ViewCompat.animate(textView_2).alpha(1).start();
                            }
                        }).show();
            }

            @Override
            public void onDragStateChanged(int state) { // 当控件停止

            }
        });

        // 把滑动删除行为设置到textView控件上
        params_2.setBehavior(behavior);











        RecyclerView recycler_1 = (RecyclerView) findViewById(R.id.recycler_1);
        List<String> list = new ArrayList<>();
        for (int i = 0; i <100 ; i++) {
            list.add(String.format(Locale.CHINA,"第%03d条数据",i+1));
        }
        recycler_1.setAdapter(new MyAdapter(this,list));

        MyBehavior myBehavior = new MyBehavior();
        //params_1.setBehavior(myBehavior);


        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);





        // FloatingActionButton 点击事件监听 
        findViewById(R.id.fab).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view,"FloatingActionButton Click",Snackbar.LENGTH_LONG).show();
            }
        });
        // ImageButton 点击事件监听 
        findViewById(R.id.imageBtn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view,"ImageButton Click",Snackbar.LENGTH_LONG).show();
            }
        });



    }
}