MaterialDesign之FloatingActionButton(懸浮按鈕)

FloatingActionButton是Design Support提供的一個控件,所以使用之前先要添加依賴庫:

    compile 'com.android.support:design:24.2.1'
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"
            android:layout_margin="16dp"
            android:src="@drawable/ic_comment" />
    </android.support.design.widget.CoordinatorLayout>
</FrameLayout>

CoordinatorLayout相當於一個加強版的FrameLayout,它可以監控所以子控件的各種事件,然後做出最合理的響應,可以先不加這個佈局對比前後使用效果。

android:layout_gravity=”bottom|end”屬性指定了懸浮按鈕的位置。

點擊事件處理:

   @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        FloatingActionButton floatingActionButton = (FloatingActionButton)findViewById(R.id.fab);
        floatingActionButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view,"關閉Snackbar?",Snackbar.LENGTH_SHORT).setAction("確認",new View.OnClickListener(){
                    @Override
                    public void onClick(View view) {
                        Toast.makeText(MainActivity.this, "Snackbar已經關閉!", Toast.LENGTH_SHORT).show();
                    }
                }).show();
            }
        });
    }

Snackbar功能和使用都和Toast相識,唯一不同的是Snackbar提供一個可以和用戶交互的按鈕,通過setAction方法可以設置該按鈕的title和點擊事件。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章