当前位置:   article > 正文

Android 圆角按钮的实现_android 快速设置button 圆角

android 快速设置button 圆角

  1. 在res/drawable目录下新建按钮样式文件 btn_normal.xml(正常状态) 和 btn_pressed.xml(按下状态)。

btn_normal.xml文件:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:shape="rectangle">
  5. <!-- 圆角的半径 -->
  6. <corners android:radius="10dp"/>
  7. <!-- 填充颜色 -->
  8. <solid android:color="#3a8fea"/>
  9. </shape>

btn_pressed.xml文件:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:shape="rectangle">
  5. <!-- 圆角的半径 -->
  6. <corners android:radius="10dp"/>
  7. <!-- 填充颜色 -->
  8. <solid android:color="#0662f5"/>
  9. </shape>

2.在res/drawable目录下新建样式文件 btn_selector.xml 文件,定义按钮的不同状态样式。

btn_selector.xml文件:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3. <!-- 正常状态 -->
  4. <item android:drawable="@drawable/btn_normal" android:state_pressed="false"/>
  5. <!-- 按下状态 -->
  6. <item android:drawable="@drawable/btn_pressed" android:state_pressed="true"/>
  7. </selector>

3.使用按钮样式

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <android.support.constraint.ConstraintLayout
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. xmlns:app="http://schemas.android.com/apk/res-auto"
  5. xmlns:tools="http://schemas.android.com/tools"
  6. android:layout_width="match_parent"
  7. android:layout_height="match_parent"
  8. tools:context=".ButtonActivity">
  9. <Button
  10. android:id="@+id/btn1"
  11. android:layout_width="wrap_content"
  12. android:layout_height="wrap_content"
  13. android:layout_marginTop="30dp"
  14. android:layout_marginStart="30dp"
  15. android:text="button"
  16. android:textColor="#fff"
  17. android:background="@drawable/btn_selector"
  18. app:layout_constraintLeft_toLeftOf="parent"
  19. app:layout_constraintTop_toTopOf="parent" />
  20. </android.support.constraint.ConstraintLayout>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/465063
推荐阅读
相关标签
  

闽ICP备14008679号