`
yxwang0615
  • 浏览: 560689 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

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

阅读更多

改变checkbox默认的文字与选框之间的距离两种方案,刚刚开始接触checkbox 的时候由于不熟悉控件,使用了组合控件:一个未设定text的CheckBox和一个TextView来达到目的。后来发现只需要设定CheckBox的android:paddinLeft的值即可,没有看源码,不清楚问什么CheckBox的这个属性代表的意义为什么和其他widget不一样,问题是解决了。

 

在开发过程中经常遇到的问题是,不同厂商的checkbox控件的UI不同,导致开发出的产品在UI上有些区别,尤其是一些厂商的UI做得比较丑,这时候我们可以使用自定义Checkbox来达到我们想要的UI。

只需要在drawable文件下设定一个xml即可:

  checkboxselector:

<?xml version="1.0" encoding="UTF-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_window_focused="false" android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/btn_check_on" />
    <item android:state_window_focused="false" android:state_enabled="true" android:state_checked="false" android:drawable="@drawable/btn_check_off" />
    <item android:state_enabled="true" android:state_checked="true" android:state_pressed="true" android:drawable="@drawable/btn_check_on_pressed" />
    <item android:state_enabled="true" android:state_checked="false" android:state_pressed="true" android:drawable="@drawable/btn_check_off_pressed" />
    <item android:state_focused="true" android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/btn_check_on_selected" />
    <item android:state_focused="true" android:state_enabled="true" android:state_checked="false" android:drawable="@drawable/btn_check_off_selected" />
    <item android:state_enabled="true" android:state_checked="false" android:drawable="@drawable/btn_check_off" />
    <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/btn_check_on" />
</selector>

 在需要使用的CheckBox控件下使用android:button属性:

    <CheckBox
        android:id="@+id/btn_check"
        android:button="@drawable/checkboxselector"
        android:layout_width="wrap_content"
        android:text="测试一下"
        android:paddingLeft="30.0dp"
        android:layout_height="wrap_content" />

 

 

分享到:
评论

相关推荐

    RadioButton和CheckBox自定义样式

    在本文中,我们将深入探讨如何自定义RadioButton和CheckBox的样式,特别是通过重写onDraw()方法来实现颜色选择器效果。首先,我们需要了解这两个控件的基本结构和工作原理。 RadioButton和CheckBox都是继承自...

    WPF 自定义CheckBox样式

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

    C# WinForm 自定义CheckBox

    例如,可以添加一个自定义的OnPaint方法来改变CheckBox的绘制样式,或者添加自定义的Click事件处理来实现更复杂的行为。 ```csharp public partial class CheckBoxEx : Control { public CheckBoxEx() { ...

    自定义CheckBox样式

    如何自定义CheckBox的样式 1:首先在布局文件中添加CheckBox的控件配置,如: &lt;CheckBox android:id="@+id/button1" style="@style/CheckBoxStyles"//这里就是用户可以自定CheckBox的样式 android:layout_width...

    用WPF自定义CheckBox的样式(框框和钩钩)

    在WPF(Windows Presentation Foundation)中,自定义控件样式...总之,自定义WPF的CheckBox样式涉及样式、模板、元素形状、触发器等多个方面。熟练掌握这些技能,将使你的WPF应用具有更高的可定制性和独特的视觉效果。

    android中CheckBox加载自定义选中与未选中图片样式

    默认情况下,CheckBox的选中和未选中状态的图标是系统提供的,但有时为了满足应用的个性化需求,我们需要自定义这些图片样式。本篇文章将详细介绍如何在Android中实现自定义CheckBox控件,使其在四种选择状态下显示...

    checkbox自定义样式

    然而,浏览器默认的`checkbox`样式可能不符合设计师的审美或者品牌风格,因此自定义`checkbox`样式变得尤为重要。本文将详细介绍如何在兼容IE浏览器的情况下实现`checkbox`的自定义样式。 首先,我们需要了解`...

    自定义iOS中的Checkbox

    本项目提供的"CheckBox"文件可能包含了实现上述功能的源代码,包括自定义Checkbox类的.m和.h文件,以及可能的资源文件(如图片、故事板等)。开发者可以通过查看和学习这些代码,了解如何在自己的应用中实现类似的...

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

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

    android自定义checkbox

    "android自定义checkbox"就是这样一个专题,它的目标是模仿腾讯应用中的Checkbox样式,实现更丰富的交互效果和视觉反馈。Checkbox在Android中作为选择器使用,通常用于用户进行单选或多选操作,而自定义Checkbox则能...

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

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

    QTableView显示自定义CheckBox

    本篇文章将深入讲解如何在`QTableView`中实现自定义的CheckBox显示,并基于`macOS 10.13.1`和`Qt 5.9.1`的开发环境进行详细阐述。 首先,我们需要理解`QTableView`的工作原理。`QTableView`依赖于`...

    自定义 C# CheckBoxList

    但是,当我们需要更复杂的行为,如动态加载选项、自定义样式或者增加验证功能时,就需要对其进行扩展和自定义。 自定义C# CheckBoxList通常涉及到以下几个方面: 1. **属性扩展**:可以创建新的公共属性来扩展...

    很炫的自定义Checkbox

    1. **图形设计**:首先,自定义Checkbox会涉及绘制独特的选中和未选中状态的图形。这可能包括使用矢量图形,如SVG,或者通过代码动态生成形状。设计时需要考虑到不同主题和颜色方案下的适应性。 2. **动画效果**:...

    LWUIT自定义CheckBox复选框样式

    LWUIT 提供了各种组件,如按钮、文本框和复选框等,而"自定义CheckBox复选框样式"这个主题则涉及到了如何个性化LWUIT中的复选框控件,以满足开发者对于用户界面的特殊需求。 首先,我们需要理解LWUIT中复选框...

    checkbox-radio-select样式自定义

    总结来说,自定义`checkbox`、`radio`和`select`的样式是前端开发中常见且重要的任务,它有助于提升用户体验和界面美观度。理解并熟练掌握这些技巧,能够让你的网站或应用在视觉上更加吸引人。通过实际操作和不断...

    qtableview 自定义委托 checkbox,进度条、时间等控件

    自定义委托是Qt提供的一种机制,允许开发人员为表格视图中的每一项数据创建个性化的显示和编辑样式。这通常涉及到重写几个关键方法,如`paint()`、`sizeHint()`以及`editorEvent()`等,以实现自定义的视觉效果和交互...

    c# 自定义多选checkbox

    标题“c# 自定义多选checkbox”表明我们将讨论如何在C#中创建一个支持多选功能的自定义复选框控件。在标准的.NET Framework控件库中,CheckBox类只支持单选,不提供多选功能,因此我们需要自定义控件来实现这一功能...

    自定义checkbox样式,

    本案例聚焦于自定义`checkbox`样式的实现,通过结合CSS(层叠样式表)和jQuery库,可以创造出独特且具有视觉吸引力的交互效果。`checkbox`是HTML中的一个基本元素,通常用于用户进行选择或确认操作。默认样式往往...

Global site tag (gtag.js) - Google Analytics