在製作漸層按鈕跟水波紋按鈕前,我們先簡單弄一個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

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