悬浮按钮

继承：⇐

FloatingActionButton ⇐ VisibilityAwareImageButton ⇐ ImageButton ⇐ ImageView，所以FloatingActionButton拥有ImageView的所有属性。

使用准备

需要在gradle中进行如下配置，注意自己的版本。

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

用法

注意XML中的“app:”部分是该组件独有的属性。

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

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

android:layout_width="match_parent"

android:background="@color/colorPrimary"

android:layout_height="match_parent"

>

android:layout_width="match_parent"

android:layout_height="match_parent"

android:scaleType="fitXY"

android:src="@drawable/timg"/>

android:id="@+id/fb_menu"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:layout_marginLeft="20dp"

android:layout_gravity="left|top"

android:src="@drawable/icon_menu"

app:borderWidth="0dp"

app:backgroundTint="#ff87ffeb"

app:rippleColor="#33728dff"

app:elevation="10dp"

app:pressedTranslationZ="20dp"

/>

属性介绍：

app:borderWidth=""------------------边框宽度，通常设置为0 ，用于解决Android 5.X设备上阴影无法正常显示的问题

app:backgroundTint=""---------------按钮的背景颜色，不设置，默认使用theme中colorAccent的颜色

app:rippleColor=""--------------------点击的边缘阴影颜色

app:elevation=""----------------------边缘阴影的宽度

app:pressedTranslationZ="16dp"-----点击按钮时，按钮边缘阴影的宽度，通常设置比elevation的数值大

注：5.x设备需要设置一个合理的margin，否则会出现正方形边框。

public class MainActivity extends AppCompatActivity {

FloatingActionButton floatingActionButton;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

floatingActionButton = (FloatingActionButton)findViewById(R.id.fb_menu);

floatingActionButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(MainActivity.this,"你好",Toast.LENGTH_SHORT).show();

}

});

}

}

image.png

FloatingActionButton主要是阴影效果的体现，其实这类组件我们完全可以自己通过shape来定义。

需要代码点击获取