1,实现效果

  • FloatingActionButton:是由ImageButton升级过来。可有悬浮效果。阴影。

Android 6.0特性(FloatingActionButton)

2,实现代码

核心内容全在开发包中

 

【1】添加依赖

compile 'com.android.support:design:23.2.0'

butterknife依赖

 

【2】布局显示

  • 添加命名空间

  xmlns:app="http://schemas.android.com/apk/res-auto"
  •  elevation海拔 跟阴影有关系

  •  fabSize大小.normal  较大 mini较小

  •  backgroundTint 背景色

  •  rippleColor 水波纹的颜色 

<?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" android:id="@+id/activity_main"

    android:layout_width="match_parent" android:layout_height="match_parent"

    >





   

    <android.support.design.widget.FloatingActionButton

        android:layout_width="wrap_content"

        android:id="@+id/fab"

        xmlns:app="http://schemas.android.com/apk/res-auto"

        app:elevation="5dp"

        app:fabSize="normal"

        app:rippleColor="#FFF000"

        android:layout_margin="10dp"

        android:src="@mipmap/ic_launcher"

        app:backgroundTint="@color/colorPrimary"

        android:layout_gravity="bottom|right"

        android:layout_height="wrap_content" />





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

 

【3】找到控件设置点击效果 

@BindView(R.id.fab)

    FloatingActionButton fab;



@Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        ButterKnife.bind(this);

//        FloatingActionButton:是由ImageButton升级过来。可有悬浮效果。阴影。

    }





    @OnClick(R.id.fab)

    public void onClick() {

        Toast.makeText(this, "显示", Toast.LENGTH_SHORT).show();



     

    }

 

 

 

 

 

 

相关文章: