`
xindrace
  • 浏览: 95719 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

更改CheckBox的样式

 
阅读更多

首先在styles.xml添加如下的自定义样式:

<style name="mycheckbox" parent="@android:style/Widget.CompoundButton.CheckBox">
<item name="android:button">@drawable/my_checkbox</item>
</style>

 my_checkbox.xml的内容为:

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

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

        <item android:state_checked="true" android:drawable="@drawable/checkbox_pressed" />                                                                                       
    <item android:state_checked="false" android:drawable="@drawable/checkbox" />

     <item android:drawable="@drawable/checkbox" />                                                                                                
</selector>

 

使用自定义样式的代码段:

<CheckBox
   android:id="@+id/checked" 
   android:layout_alignParentRight="true"
   android:layout_marginRight="10dip"
   android:layout_centerVertical="true"
   android:layout_width="40dip" 
   android:layout_height="wrap_content"
   android:checked="false"
   style="@style/mycheckbox" 
   />

 添加两张图片checkbox_pressed.png、checkbox.png

  • 大小: 302 Bytes
  • 大小: 553 Bytes
分享到:
评论

相关推荐

    WPF 自定义CheckBox样式

    在Windows Presentation Foundation(WPF)中,用户界面的美观性和个性化是吸引用户的重要因素之一。本文将深入探讨如何利用字体...通过查看并运行该项目,开发者可以更直观地学习和理解如何自定义WPF的CheckBox样式。

    wpf checkbox样式

    在这个场景中,你提到的“wpf checkbox样式”指的是为CheckBox定制独特的视觉表现,特别是选中和未选中时显示为黄色的背景。 创建自定义的WPF CheckBox样式通常涉及到以下步骤: 1. **资源字典**:首先,你需要...

    改变checkbox样式插件

    "改变checkbox样式插件"就是为了应对这一问题而诞生的解决方案。它允许我们在不修改HTML结构和JavaScript功能的基础上,通过CSS对checkbox进行美化,提升网页的视觉吸引力。 该插件的核心思想是利用CSS3的强大功能...

    WPF:定制Checkbox样式,让“正确”绿得好看,让“错误”红的显眼

    WPF提供了样式、模板、触发器、状态管理、矢量形状等方式,让我们不需要背景...代码对Checkbox进行的样式定制,让“正确”绿得好看,让“错误”红的显眼。如果不是很适应自己系统的整体风格,可以对样式代码进行修改。

    改变checkbox背景勾选样式

    以上就是改变`checkbox`背景和勾选样式的基本方法,你可以根据项目需求进一步定制,如更改字体、大小、边框圆角、动画速度等。需要注意的是,这种方法可能在某些旧版本或非主流浏览器中兼容性不佳,因此在实际应用时...

    checkbox与radio好看的样式

    通常,这样的文件会包括通用样式、布局样式、组件样式等部分,其中针对 `checkbox` 和 `radio` 的样式可能会被单独封装在某个选择器内,以保持代码的模块化和易维护。 6. **HTML 结构与布局** "index.html" 文件是...

    纯CSS设置Checkbox复选框控件的样式(五种方法)

    下面是纯CSS设置Checkbox复选框控件的五种简单样式,有兴趣的可以进行改动将其变成自己想要的样式。 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观。要做到点需要添加一段代码到你的CSS...

    WFP 带图片CheckBox(使用同一样式,设置Tag更改图片源)

    标题"**WFP 带图片CheckBox(使用同一样式,设置Tag更改图片源)**"所指的就是一种方法,它允许我们使用相同的CheckBox样式,通过设置Tag属性来动态改变CheckBox的图片源。这种方法的优点在于,我们不需要为每个不同的...

    C#WinForm控件美化CheckBox

    3. 颜色控制:可以更改CheckBox的`ForeColor`(文字颜色)和`BackColor`(背景颜色),或者在绘制时控制边框和填充色。 4. 外观样式:利用`FlatStyle`属性,可选择不同的样式,如`Flat`、`Popup`、`Standard`或`...

    jQuery自定义美化复选框checkbox样式

    在"jQuery自定义美化复选框checkbox样式"这个项目中,我们可以看到以下几个关键知识点: 1. **CSS样式定义**:CSS文件(可能位于`css`目录下)用于定义复选框的样式。这包括但不限于边框、背景色、尺寸、过渡效果等...

    RadioButton和CheckBox自定义样式

    1. 创建自定义View:首先,我们需要创建一个新的Java类,继承自RadioButton或CheckBox,并在此基础上进行修改。例如,可以创建名为CustomRadioButton的类。 2. 重写onDraw():在自定义的View中,我们可以重写onDraw...

    C# 美化 CheckBox 对勾 自定义控件 源码

    然而,系统默认的CheckBox样式有时可能无法满足设计师或开发者对美观度的要求。在这种情况下,自定义控件成为了解决方案。 本教程将聚焦于如何在Visual Studio 2010中创建一个美化后的CheckBox控件。这个自定义控件...

    微信小程序修改checkbox的样式代码实例

    以下是一个修改checkbox样式的实际操作步骤和代码示例: 1. **修改前的样式**: 默认情况下,微信小程序的checkbox组件在选中时会显示一个小方框,颜色为蓝色,不选中时则为灰色。 2. **修改后的样式**: 我们...

    html5 css3制作checkbox多选框选中样式特效

    由于浏览器的安全策略,直接修改`&lt;input type="checkbox"&gt;`的样式受到限制,所以我们通常会借助`checkbox`旁边的`&lt;label&gt;`标签来实现样式效果。例如,我们可以创建一个伪类来改变选中状态下的样式: ```css input...

    Qt 自定义Checkbox和QColorDialog 颜色调试框委托

    Qt 自定义Checkbox和QColorDialog 颜色调试框委托 Qt 自定义Checkbox和QColorDialog 颜色调试框委托 Qt 自定义Checkbox和QColorDialog 颜色调试框委托

    checkbox radio select 样式修改样例

    本教程将详细介绍如何修改`checkbox`、`radio`和`select`的样式。 首先,我们需要理解CSS(层叠样式表)如何与这些元素交互。`checkbox`和`radio`是HTML的`input`类型,它们默认情况下是不可直接设置样式的,因为...

    美化checkBox插件

    【美化checkBox插件】是一种用于增强网页中复选框(CheckBox)视觉效果的工具,它通过自定义样式和交互设计,使复选框看起来更加美观、专业。在现代网页设计中,用户界面的美观性和用户体验是至关重要的,而iCheck....

    自定义radio&checkbox;样式

    3. 使用JavaScript库:如jQuery UI、Bootstrap等框架提供了跨浏览器的组件,包括自定义的Radio和Checkbox样式。 总之,自定义Radio和Checkbox样式是提高网页设计美感的重要手段。通过熟练运用CSS3选择器,我们可以...

    checkbox 设定文字和选框之间的距离及自定义样式

    以下是一个自定义Checkbox样式的例子: ```xml &lt;item name="android:button"&gt;@drawable/custom_checkbox_background &lt;item name="android:textColor"&gt;@color/checkbox_text_color ...

    从xml中改变checkBox大小和形状

    -- 修改CheckBox的角半径 --&gt; ``` 然后在CheckBox的XML布局中,用`android:background`属性引用这个自定义样式: ```xml &lt;CheckBox android:id="@+id/checkBox1" android:layout_width=...

Global site tag (gtag.js) - Google Analytics