UI控件--Button(包含了selecter和shape的使用)

selecter的使用

  • Button自定义背景,设置按下后的消失效果
  • 首先需要将按钮按下状态和常态下的图片保存在drawable文件中,事先准备如下两个图片
    这里写图片描述
  • 然后需要在drawable中定义btn_bg.xml文件如下
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    //表示未被按下时显示的背景图片
    <item android:drawable="@drawable/btn_up" android:state_pressed="false"></item>
    //按下后的背景图片
    <item android:drawable="@drawable/btn_down"></item>
</selector>
  • 然后在Button属性中进行相关设置就ok了
<Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:background="@drawable/btn_bg"
        android:id="@+id/button" />
  • 效果图如下:
    这里写图片描述

shape的使用

  • 按钮的圆角等属性的设置
    这里写图片描述
  • corners 代表圆角弧度 其中的radius表示圆角的角度
  • solid填充色,表示按钮背景颜色
  • strock 表示描边,必须设置描边的颜色,宽度才可以显示出来
  • size表示宽高
  • gradient表示渐变,angle表示颜色渐变的角度,startColor表示开始颜色,endColor表示最终颜色

- padding 表示内部距离

  • 效果图

这里写图片描述

selecter和shape结合使用

  • button.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/button_down" android:state_pressed="true"></item>
    <item android:drawable="@drawable/button_up"></item>
</selector>
  • button_down.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="10dp"></corners>
    <solid android:color="@color/colorPrimaryDark"></solid>

</shape>
  • button_up.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="10dp"></corners>
    <solid android:color="@color/colorAccent"></solid>
</shape>
  • 效果图
    这里写图片描述

selecter和shape可以结合使用,不仅仅应用到button上,项textView,EditText等等控件都可以使用这两者结合,产生更漂亮的显示效果

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_28946307/article/details/50911050
文章标签: android ui button
个人分类: Android
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭