码迷,mamicode.com
首页 > 其他好文 > 详细

Button的单击变色+button上面图片下边文字+圆角

时间:2014-09-24 20:14:57      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   io   ar   文件   div   

简单来说就是自定义一个drawable。

有两种情况。

第一种:

单击时变色,不单击则原色:(pressed是单击,focused是获取焦点,根据需要更改)

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/arr_down_gray" android:state_pressed="false"/>
<item android:drawable="@drawable/arr_down_gray_click" android:state_pressed="true"/>
<item android:drawable="@drawable/arr_down_gray_click" android:state_focused="true"/>
</selector>

@drawable时可以是圆角的文件:

圆角也是在drawable放置

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners
            android:bottomLeftRadius="5dp"
            android:topLeftRadius="5dp"/>

    <stroke android:color="#1E4A71"
        android:width="1dp"/>

    <solid android:color="#17293C"/>
</shape>

 

第二种:

选择则改变,不选择则默认:

如:

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/nav_waybill"
          android:state_checked="false"/>
    <item android:drawable="@drawable/nav_waybill_cur"
            android:state_checked="true"/>
</selector>

 

 

----------------------------------------------------------分割线---------------------------------------------------------------

 

对于button上面图片下边文字可以用以下方式:

<Button
                android:id="@+id/waybill_button"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:button="@null"
                android:layout_weight="1"
                android:checked="true"
                android:drawableTop="@drawable/nav_waybill_bg"
                android:text="运单"
                android:textColor="@drawable/nav_text_color"
                android:gravity="center"
                android:background="#152D43"
                />

然后text的变色可以加下面的drawable:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#fff"
          android:state_checked="false"/>
    <item android:color="#0397D8"
          android:state_checked="true"/>
</selector>

对于图片放置的问题,可以先从drawable-xxhdpi文件夹实现,然后开不同分辨率下的效果,有时不用准备一套图片就能实现。

图片如下:

bubuko.com,布布扣

Button的单击变色+button上面图片下边文字+圆角

标签:android   style   blog   http   color   io   ar   文件   div   

原文地址:http://www.cnblogs.com/ccddy/p/3991189.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!