在製作漸層按鈕跟水波紋按鈕前，我們先簡單弄一個layout搭配一個按鈕，如下圖:

1.jpg

 

接著來到下述網站:

http://angrytools.com/android/button/

 

進入打開後，就可以看到下述畫面:

2.jpg

 

可以看到右邊欄位可以調整按鈕顏色(Button)、是否有陰影、大小、按鈕框是否圓滑、背景顏色還有跟其它元件之間的距離。調整完後左上方會有預覽框，其程式碼會出現在下方，我們把這些貼到Android中，就是把buttonshape.xml複製到專案下的res/drawable/buttonshape.xml。

3.jpg

 

然後button物件設定背景，就可以看到下圖:

4.jpg

5.jpg

 

以上就是建置漸層按鈕的方式，接下來介紹水波紋按鈕的建構方式:

其實只要把剛剛的buttonshape改成下圖就可以了:

6.jpg

 

把shape內縮，然後外面加上一層<item></item>，item外面再加上<ripple></ripple>，ripple裡面有個必要屬性，就是按下去之後的水波紋顏色。

 

以上說明

Reference:

https://jc7003.pixnet.net/blog/post/289955203-android-%E6%8C%89%E9%88%95%E6%B0%B4%E6%B3%A2%E7%B4%8B%28ripple%29%E5%8B%95%E7%95%AB%E6%95%88%E6%9E%9C

arrow
arrow
    文章標籤
    button製作 製作button 按鈕製作 製作按鈕 android button android button 製作 製作android button
    全站熱搜
    創作者介紹
    創作者 葛瑞斯肯 的頭像
    葛瑞斯肯

    葛瑞斯肯樂活筆記

    葛瑞斯肯 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄