安卓——自定义checkbox图标

原创 2015年11月18日 21:57:30

通过自定义checkbox和点击响应事件说说<selector>


1.首先在drawable文件夹中添加
checkbox_style.xml

<pre class="html" name="code"><span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"></span>
<span style="font-size:14px;">
<item android:drawable="@drawable/checkbox_pressed" android:state_checked="true"/>
<item android:drawable="@drawable/checkbox_normal" android:state_checked="false"/>
<item android:drawable="@drawable/checkbox_normal"/></span>
<span style="font-size:14px;">
</selector></span>



2.在values文件夹下的styles.xml文件中添加CustomCheckboxTheme样式。

<pre class="html" name="code"><span style="font-size:14px;"><style name="</span><span style="font-size:14px;color:#ff0000;">CustomCheckboxTheme</span><span style="font-size:14px;">" parent="@android:style/Widget.CompoundButton.CheckBox">  
<item name="android:button">@drawable/</span><span style="font-size:14px;color:#3333ff;">checkbox_style</span><span style="font-size:14px;"></item>  
</style> </span>
<span style="font-size:18px;">3.在布局文件中使用</span><span style="font-size:18px;color:#ff0000;">CustomCheckboxTheme</span><span style="font-size:18px;">样式。</span>
<span id="_xhe_cursor"><span style="font-size:18px;"></span>
</span>
<span style="font-size:14px;"><CheckBox  
android:id="@+id/select_all"  
android:layout_width="wrap_content"  
android:layout_height="wrap_content"  
style="@style/</span><span style="font-size:14px;color:#ff0000;">CustomCheckboxTheme</span><span style="font-size:14px;">" /> </span><span style="font-size:18px;"> 
</span>


以上内容转自   http://blog.csdn.net/zuolongsnail/article/details/7106586  ------------------------------------

通过查阅总结,首先android的selector是在drawable/xxx.xml中配置的,常用属性有:

      android:state_selected    选中

android:state_focused   获得焦点

android:state_pressed   点击

android:state_enabled   设置是否响应事件,指所有事件

根据这些状态同样可以设置button的selector效果。也可以设置selector改变button中的文字状态。

以下就是配置button中的文字效果:drawable/button_font.xml

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

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

    <item android:state_selected="true" android:color="#FFF" />

    <item android:state_focused="true" android:color="#FFF" />

    <item android:state_pressed="true" android:color="#FFF" />

    <item android:color="#000" />

</selector>

Button还可以实现更复杂的效果,例如渐变啊等等。drawable/button_color.xml

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

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

    <item android:state_pressed="true">

        <!-- 定义当button 处于pressed 状态时的形态。-->

        <shape>

            <gradient android:startColor="#8600ff" />

            <stroke android:width="2dp" android:color="#000000" />

            <corners android:radius="5dp" />

            <padding android:left="10dp" android:top="10dp"

                android:bottom="10dp" android:right="10dp" />

        </shape>

    </item>

    <item android:state_focused="true">

        <!-- 定义当button获得focus时的形态-->

        <shape>

            <gradient android:startColor="#eac100" />

            <stroke android:width="2dp" android:color="#333333" color="#ffffff" />

            <corners android:radius="8dp" />

            <padding android:left="10dp" android:top="10dp"

                android:bottom="10dp" android:right="10dp" />

        </shape>

    </item>

</selector>
最后,需要在包含button的xml文件里添加两项。假如是main.xml 文件,我们需要在<Button />里加两项。

     android:focusable="true"

     android:backgroud="@drawable/button_color"

这样当你使用Button的时候就可以甩掉系统自带的那黄颜色的背景了,实现个性化的背景。




Android控件之CheckBox换图标、焦点问题

今天在实现ListView点击事件的时候,发现点击之后没有效果,查了下,发现是Item布局里面的CheckBox控件截取了焦点,只需要把CheckBox中的focusable属性设置为false即可a...
  • Sean_css
  • Sean_css
  • 2016年04月19日 19:17
  • 2880

安卓自定义带删除图标的输入框EditView

安卓自定义带删除图标的输入框EditView
  • lgx06
  • lgx06
  • 2014年12月25日 14:04
  • 4994

android去掉 radio 或 checkBox 的默认图标,用自己的图标

1.第一步(checkbox和RadioButton一样) android:button="@null" 2.第二步(同上,两个一样) android:background="@drawable...
  • u011889786
  • u011889786
  • 2015年10月17日 16:45
  • 3966

ToolBar自定义图标,关联DrawerLayout

ToolBar自定义图标
  • static_zh
  • static_zh
  • 2016年09月22日 11:38
  • 1877

Android自定义百度地图缩放图标

自定义实现Android百度地图的缩放图标,需要自定义一个缩放控件,实现效果如下: 这里的缩放效果,实现了点击按钮可以对地图的放大缩小,通过手势放大与缩小也控制缩放图标的可用状态。具体实...
  • qqm100814340
  • qqm100814340
  • 2015年05月29日 17:27
  • 757

ionic自定义图标心得分享

有时候我们需要修改tabs或者其他的ionic的图标,虽然ionic系统提供了很多,但如果想使用其他的,之前以为只能用png来设置background,但效果并不好;最近发现了很好的方法,跟大家分享。...
  • haozhoupan
  • haozhoupan
  • 2015年10月28日 15:37
  • 6772

正确地设置安卓通知栏图标尺寸

做一个APP,需要用到通知的功能,但是通知栏上的icon在显示的时候会出现问题。具体的问题就是图标太大,只能显示其中的一部分: 这里来探讨一下,什么尺寸的图标可以被正确显示...
  • icyfox_bupt
  • icyfox_bupt
  • 2014年05月19日 00:14
  • 25221

巧用 Drawable 之实现一个最简单的自定义电池图标

在 Android 中自定义一个电池图标,一般是采用自定义 View,在 onDraw 中采用 Canvas 去绘制 Bitmap 或者各种几何图形。但是自定义 View 对初学者来说可能会有一点难度...
  • leandom
  • leandom
  • 2016年09月23日 00:43
  • 1154

百度分享自定义图标,修改默认【更多】图片

篡改百度分享【更多】的图标,重点是覆盖样式bsd_more,着重介绍思路 .ico_share {width: 20px;height: 20px;background: url(https:/...
  • hgg923
  • hgg923
  • 2017年01月03日 17:15
  • 649

ionic3自定义icon图标(简单版!!)

在网上找了几篇文章来看,步骤多,觉得很麻烦。经过自己的实践后,总结了自己的方法。本来想贴出参考的那篇文章的地址的,但我跟作者说了我的方法后,第二天他就把文章给删了。额。。。第一步,我们可以去阿里图标网...
  • qq993284758
  • qq993284758
  • 2017年09月26日 21:51
  • 1307
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:安卓——自定义checkbox图标
举报原因:
原因补充:

(最多只允许输入30个字)