如何使用Design Support Library提供的FloatingActionButton

来源:互联网 发布:凡科微传单 软件下载 编辑:程序博客网 时间:2024/05/18 20:04

Android Studio中app/build.gradle追加dependencies,当然
com.android.support:design:版本号,这个版本号参考
http://blog.csdn.net/jamikabin/article/details/54380179

dependencies {    compile 'com.android.support:design:25.1.0'}

AndroidManifest中必须有android:theme属性
属性包含AppCompat

    <application        android:allowBackup="true"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:supportsRtl="true"        android:theme="@style/Base.Theme.AppCompat">

layout中追加如下控件

    <android.support.design.widget.FloatingActionButton        android:id="@+id/fab_add_comment"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="end|bottom"        android:layout_margin="10dp"        android:src="@drawable/ic_fab_star" />

这样就可以使用FloatingActionButton了
当然,ic_fab_star是需要自己追加的一个image

之后如果想加入底色和点击时的颜色

        app:backgroundTint="#ff87ffeb"        app:rippleColor="#33728dff"

加入立体感

        app:elevation="6dp"            //显示的阴影大小        app:pressedTranslationZ="12dp" //点击时的阴影大小

设置clickListener

package com.example.jamikabin.fabtest;import android.app.Activity;import android.os.Bundle;import android.support.design.widget.FloatingActionButton;import android.util.Log;import android.view.View;public class MainActivity extends Activity {    private static final String TAG = "MainActivity";    private FloatingActionButton mFAB = null;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mFAB = (FloatingActionButton) findViewById(R.id.fab_add_comment);        mFAB.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                Log.d(TAG, "FAB clicked");            }        });    }}
0 0
原创粉丝点击