通過xml檔案實現自定義圓角按鈕,以及點選效果
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/circle_corner_button_selector"/>
在drawable中建立按鈕背景selector器
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/circle_corner_button_pressed" android:state_pressed="true"/>
<item android:drawable="@drawable/circle_corner_button"/>
</selector>
分別定義不同選擇操作下的效果
- circle_corner_button.xml檔案
<?xml version="1.0" encoding="utf-8"?>
<!-- 帶圓角 白色背景 黃色色邊框 長方體 -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<solid android:color="#FFFFFF" />
<corners android:topLeftRadius="5dp" android:topRightRadius="5dp"
android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp" />
<stroke android:width="1dp" android:color="#F58939" />
<padding
android:left="5dp"
android:top="5dp"
android:right="5dp"
android:bottom="5dp"
/>
</shape>
</item>
</layer-list>
- circle_corner_button_pressed.xml檔案
<?xml version="1.0" encoding="utf-8"?>
<!-- 帶圓角 白色背景 灰色邊框 長方體 -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<solid android:color="#FFFFFF"/>
<corners android:topLeftRadius="5dp" android:topRightRadius="5dp"
android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp"/>
<stroke android:width="1dp" android:color="#dbdbdb"/>
<padding
android:left="5dp"
android:top="5dp"
android:right="5dp"
android:bottom="5dp"
/>
</shape>
</item>
</layer-list>
相關文章
- css實現圓角按鈕效果CSS
- vue-video-player,通過自定義按鈕元件實現全屏切換效果VueIDE元件
- 點選按鈕,實現檔案下載,通過按鈕傳送url,spring後臺實現伺服器端檔案下載。Spring伺服器
- 點選按鈕實現數字增加效果
- 點選按鈕實現狀態切換效果
- 點選按鈕實現圖片切換效果
- 自定義View:自定義屬性(自定義按鈕實現)View
- 自定義drawable實現圓角圖片
- 自定義view實現圓角圖片View
- CSS3簡單圓角立體按鈕效果CSSS3
- Bootstrap按鈕圓角改成直角boot
- UIImageView 實現圓角效果UIView
- 自定義通過PopupWindow實現通用選單
- 點選回車實現按鈕點選功能
- 點選按鈕實現切換頁面背景顏色效果
- ABAP ALV TOOLBAR 自定義按鈕的型別以及listmenu按鈕型別
- WPF Button按鈕設定圓角
- Vue實現點選按鈕進行檔案下載(後端Java)Vue後端Java
- Android 自定義實現switch開關按鈕Android
- JavaScript點選按鈕彈出層效果JavaScript
- php短視訊原始碼,按鈕的圓角圖示實現PHP原始碼
- ASPxGridView中Command列自定義按鈕點選事件概要View事件
- 原生 JavaScript 如何實現通過自定義屬性定位/篩選節點JavaScript
- 點選提交按鈕實現彈出警告框表單驗證效果
- 如何點選一個按鈕實現列印
- 直播app系統原始碼,Flutter MaterialButton 實現圓角邊框按鈕APP原始碼Flutter
- JavaScript點選按鈕數字加1效果JavaScript
- fastadmin 工具欄新增自定義按鈕,實現彈窗並儲存資料效果AST
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- 網站上點選自定義按鈕發起QQ聊天的解決方案網站
- SVG點選實現動態放大的圓效果SVG
- 請問各位大佬,vue如何實現點選按鈕切換圖片的效果?Vue
- LabVIEW的自定義按鈕View
- Android 載入網路圖片 以及實現圓角圖片效果Android
- 基於js實現點選按鈕回到頂部JS
- 點選按鈕實現文字放大和縮小功能
- 使用jQuery實現的取消radio按鈕選中效果jQuery
- 自定義有多個按鈕節點的SliderViewIDEView