Material Design實戰（一）——常用自定義View

參考博文：

https://blog.csdn.net/fan7983377/article/details/51578219

在此感謝

一、 帶點選質感和效果的按鈕

效果圖：

項目位址：https://github.com/qiujuer/Genius-Android/blob/master/README-ZH.md

使用方法：

1. 添加依賴

implementation 'net.qiujuer.genius.ui.widget.Button'

2. 在布局檔案添加

<net.qiujuer.genius.ui.widget.Button
        android:id="@+id/btn_login"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:textColor="#ffffff"
        app:gTouchEffect="press"
        app:gTouchColor="@color/black_alpha_48"
        android:text="登入"/>
           

其中的

gTouchEffect

屬性表示按鈕按下的動畫樣式，其示意圖如上面效果圖所示；

gTouchColor

屬性表示按壓顔色，一般選擇偏黑灰色，具體效果大家可以自行嘗試；其他包括樣式、點選方法等與普通按鈕完全一緻。

二、下拉框

效果圖：

項目位址：https://github.com/jaredrummler/MaterialSpinner

使用方法：

1. 添加依賴：

implementation 'com.jaredrummler:material-spinner:1.3.1'’

2. 在布局檔案中添加如下代碼

<com.jaredrummler.materialspinner.MaterialSpinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
           

1. 在Activity中添加如下代碼：

MaterialSpinner spinner = (MaterialSpinner) findViewById(R.id.spinner);
//setItems方法用于設定下拉欄顯示的内容。
spinner.setItems("ZZU_DLX", "ZZU_JS", "ZZU_RD", "ZZU_RL", "ZZU_RQ", "ZZU_WS", "ZZU_YS");
           

1. 設定下拉欄選中監聽

spinner.setOnItemSelectedListener(new MaterialSpinner.OnItemSelectedListener<String>() {

            @Override public void onItemSelected(MaterialSpinner view, int position, long id, String item) {
                //這裡放上選中下拉欄中某一項後的處理方法，item為選中的元素名稱
                Snackbar.make(view, "已選中" + item , Snackbar.LENGTH_LONG).show();
            }
        });