Android(安卓)Design Support Library(1)- FloatingActionButton的使用
原创文章,转载请注明 http://blog.csdn.net/leejizhou/article/details/50479934
Google在2015年的IO大会上,给我们带来了全新的Android Design Support Library,在这个Support库里面,Google给我们提供了更加规范的Material Design风格的控件。同时Android Design Support Library的兼容性更广,直接可以向下兼容到Android 2.2。
这个库的使用方法也很简单,直接在Android Studio的build.gradle进行引入
compile 'com.android.support:design:23.1.1'
也可以点击工具栏File选择Project Structure在里面进行选择添加。
这一篇博文先介绍下 FloatingActionButton的使用,看效果图
看一下FloatingActionButton的布局文件
<android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="16dp" android:src="@android:drawable/btn_star" app:backgroundTint="#30469b" app:elevation="6dp" app:fabSize="normal" app:pressedTranslationZ="10dp" app:layout_anchor="@id/ll_main" app:layout_anchorGravity="bottom|right" app:rippleColor="#a6a6a6" />
属性含义(可选)
app:backgroundTint - 设置FloatingActionButton背景颜色。
app:rippleColor - 设置FloatingActionButton点击时的背景颜色。
app:elevation - 默认状态下FloatingActionButton阴影大小。
app:pressedTranslationZ - 点击FloatingActionButton时的阴影大小。
app:fabSize - 设置FloatingActionButton大小,该属性有两个值,分别为normal和mini
app:layout_anchor - 设置锚点,以哪个控件为参照点设置位置。
app:layout_anchorGravity - 设置相对锚点的位置,值有 bottom、center、right、left、top等。
FloatingActionButton这个控件还是比较简单的继承自ImageView,可以直接当成ImageView来使用。
效果图的详细源码:
布局文件
<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout android:id="@+id/main_content" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:id="@+id/ll_main" android:background="#f0f0f0" android:gravity="center" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Blog:http://blog.csdn.net/leejizhou" /> </LinearLayout> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="16dp" android:src="@android:drawable/btn_star" app:backgroundTint="#30469b" app:elevation="6dp" app:fabSize="normal" app:pressedTranslationZ="10dp" app:layout_anchor="@id/ll_main" app:layout_anchorGravity="bottom|right" app:rippleColor="#a6a6a6" /></android.support.design.widget.CoordinatorLayout>
MainActivity
import android.support.design.widget.FloatingActionButton;import android.support.design.widget.Snackbar;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Snackbar.make(view, "Click", Snackbar.LENGTH_LONG) .setAction("Close", new View.OnClickListener() { @Override public void onClick(View v) { // you do } }).show(); } }); }}
Ok 这样一个具有Material Design风格的小控件就实现了。
更多相关文章
- 短视频平台搭建Android(安卓)Camera 录制视频,可限制时长,限大小
- Android7.1修改系统默认多媒体音量大小
- Android(安卓)贝塞尔曲线的使用 操作
- Android(安卓)CircleMenu 圆形旋转菜单
- ListView 自动滚动
- android项目高级UI学习
- android极简原创系列:tabhost最简单配置
- CheckBox控件中background和button的区别
- 自己努力要学习啦(android的很多demo 总有你需要的)