Givemepass's Android 惡補筆記

如何使用Floating Action Button

| Comments

Floating Action Button

FAB Sample

Floating Action Button(以下簡稱FAB), 顧名思義就是浮著的Button,
使用上也非常的簡單。

<android.support.design.widget.FloatingActionButton
                android:id="@+id/fab"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_add_black"
                android:layout_alignParentBottom="true"
                android:layout_alignParentRight="true"
                android:layout_marginBottom="20dp"
                android:layout_marginRight="20dp"
                app:elevation="6dp"
                app:backgroundTint="#fff000"
                app:pressedTranslationZ="16dp"/>

只要定義好顏色、位置等屬性, 就可以馬上使用。
使用上也跟一般元件相同, 先從xml取出再定義事件。

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

        initFab();
    }

    private void initFab(){
        mFab = (android.support.design.widget.FloatingActionButton) findViewById(R.id.fab);
        mFab.setOnClickListener(new View.OnClickListener() {
            @Override public void onClick(View v) {
                Toast.makeText(MainActivity.this, "FAB Clicked", Toast.LENGTH_SHORT).show();
            }
        });
    }



程式碼

Comments

comments powered by Disqus