zoukankan      html  css  js  c++  java
  • 点击button,button背景图片变化

    1、设置背景渐变效果,在drawable目录下建buttonshape.xml文件,

    内容为:

    <?xml version="1.0" encoding="utf-8"?> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
        <gradient android:startColor="#01DFD7" android:endColor="#81F7F3" 
                android:angle="270"/> 
        <corners 
             android:bottomRightRadius="10dip" 
             android:bottomLeftRadius="1dip" 
             android:topLeftRadius="18dip" 
             android:topRightRadius="10dip"/> 
    </shape>

    这里startColor是开始颜色,endColor是渐变结束颜色,默认是从上往下渐变,可以使用android:centerY调节,android:angle="270"设置角度。

     

    corners设置边角的圆滑度。

    设置点中的效果,在drawable目录下建buttonshape_down.xml文件,内容如下:

    <?xml version="1.0" encoding="utf-8"?> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android" 
        android:shape="rectangle"> 
        <gradient android:startColor="#F5F510" android:endColor="#F5F5B0" 
            android:angle="270" /> 
        <corners android:bottomRightRadius="10dip" 
            android:bottomLeftRadius="1dip" android:topLeftRadius="18dip" 
            android:topRightRadius="10dip" /> 
    </shape>

    在res目录下新建文件夹xml,然后在xml目录下,新建selectshape.xml文件,内容如下:

    <?xml version="1.0" encoding="utf-8"?> 
    <selector xmlns:android="http://schemas.android.com/apk/res/android"
        <item 
            android:state_pressed="false" 
            android:drawable="@drawable/buttonshape" /> 
        <item 
            android:state_pressed="true" 
            android:drawable="@drawable/buttonshape_down" /> 
        <item 
            android:drawable="@drawable/buttonshape" android:state_window_focused="false"/> 是否获得焦点状态
    </selector>

    设置了图片的触发状态,你可以设置 state_pressed,state_checked,state_pressed,state_selected,state_focused,state_enabled 等几个状态

    state_pressed设置按钮状态,在main.xml文件中设置Button的属性:

    <Button android:id="@+id/button_reimbursementrecords" 
                android:text="报销记录" android:layout_width="280px" 
                android:layout_height="80px" android:textSize="30px" 
                android:background="@xml/selcetshape" />

    使用background设置按钮的背景色。

  • 相关阅读:
    c数据结构 -- 线性表之 顺序存储结构 于 链式存储结构 (单链表)
    c数据结构 绪论
    c数据结构 -- 使用链表实现计数
    c数据结构 -- 链表的理解
    vue mvvm原理与简单实现 -- 上篇
    vue图书小案例
    排序
    裁剪图片
    下载图片
    图片缩放
  • 原文地址:https://www.cnblogs.com/ada-zheng/p/3156706.html
Copyright © 2011-2022 走看看