精华内容
下载资源
问答
  • 1、使用android:drawableLeft 设置自定义的复选框,需要设置android:button="@null",间距用android:drawablePadding来设置。 2、使用android:button设置自定义的复选框,间距用android:paddingLeft来设置 自定义...

    原生的有点丑,UI的同学给了个切图替换 一下。
    一、创建selector
    两张图,一个是选中状态,一个是未选中状态。

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/chk_yes_white" android:state_checked="true"/>
        <item android:drawable="@drawable/chk_no" android:state_checked="false"/>
        <item android:drawable="@drawable/chk_no" />
    </selector>
    

    二、布局文件
    布局文件中有两种写法,注意以下三个属性
    android:button
    android:drawableLeft
    android:drawablePadding

                        <CheckBox
                            android:id="@+id/ck_isOpenPrinter"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="20dp"
                            android:button="@null"
                            android:drawableLeft="@drawable/chk_bg_white_selector"
                            android:drawablePadding="20dp"
                            android:checked="false"
                            android:text="是否打印"
                            android:textSize="18sp"
                            android:textColor="@color/white"/>
    
                        <CheckBox
                            android:id="@+id/ck_isOpenPrinter"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="20dp"
                            android:paddingLeft="20dp"
                            android:button="@drawable/chk_bg_white_selector"
                            android:checked="false"
                            android:text="是否打印"
                            android:textSize="18sp"
                            android:textColor="@color/white"/>
    

    总结:
    1、使用android:drawableLeft 设置自定义的复选框,需要设置android:button="@null",间距用android:drawablePadding来设置。
    2、使用android:button设置自定义的复选框,间距用android:paddingLeft来设置

    自定义RadioButton看这里

    展开全文
  • css-使复选框与后面的文字水平对齐

    千次阅读 2019-01-18 17:03:48
    所有的元素都有个默认的基线,且默认基线对齐是底对齐 复选框与其后面的文字在同一个父...可以通过给复选框复选框后面的文字设置vertical-align: middle;实现都以父容器的中间部位为基线对齐,达到对齐的目的。...

    所有的元素都有个默认的基线,且默认基线对齐是底对齐

    复选框与其后面的文字在同一个父容器内,默认对齐的基线为父容器的底部,所以造成了复选框与文字不对齐。

    vertical-align这个属性控制以什么为基线。

    可以通过给复选框与复选框后面的文字都设置vertical-align: middle;实现都以父容器的中间部位为基线对齐,达到对齐的目的。

    展开全文
  • 现在的网站一般字体大小都是 12px,在 12px 下单选框和复选框文字垂直居中对不齐,不过要是字体大小是 14px 的话却完全没有这个问题。下面我整理了下解决方法,总共有 6 种。 DOCTYPE HTML> html lang="en-US"> ...

    现在的网站一般字体大小都是 12px,在 12px 下单选框和复选框文字垂直居中对不齐,不过要是字体大小是 14px 的话却完全没有这个问题。下面我整理了下解决方法,总共有 6 种。

    <!DOCTYPE HTML>
    <html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title>css-checkbox-radio-vertical-align</title>
        <link rel="stylesheet" type="text/css" href="css/base.css" media="all"/>
        <style type="text/css">
        body{font:12px SimSun;}
        p{margin:30px 10px;}
        .wrapper{margin:50px auto;width:500px;}
        
        .input1{vertical-align:text-bottom; margin-bottom:-1px; *margin-bottom:-4px;}
        .input2{height:13px; vertical-align:text-top; margin-top:0;}
        .input3{height:15px; vertical-align:bottom; margin-bottom:-1px; margin-bottom:-2px\9; *margin-bottom:0px;}
        .input4{height:14px; vertical-align:top; margin-top:1px; margin-top:0\9;}
        .input5{vertical-align:middle; margin-top:-2px;}
        .input6{vertical-align:-3px;}
        </style>
    </head>
    <body>
        <div class="wrapper">
            <form action="#" method="post">
                <h2>单选框</h2>
                <p><input type="radio" name="radio" id="radio1" class="input1"/><label for="radio1">解决方法一</label></p>
                <p><input type="radio" name="radio" id="radio2" class="input2"/><label for="radio2">解决方法二</label></p>
                <p><input type="radio" name="radio" id="radio3" class="input3"/><label for="radio3">解决方法三</label></p>
                <p><input type="radio" name="radio" id="radio4" class="input4"/><label for="radio4">解决方法四</label></p>
                <p><input type="radio" name="radio" id="radio5" class="input5"/><label for="radio5">解决方法五</label></p>
                <p><input type="radio" name="radio" id="radio6" class="input6"/><label for="radio6">解决方法六</label></p>
                <h2>复选框</h2>
                <p><input type="checkbox" name="checkbox" id="checkbox1" class="input1"/><label for="checkbox1">解决方法一</label></p>
                <p><input type="checkbox" name="checkbox" id="checkbox2" class="input2"/><label for="checkbox2">解决方法二</label></p>
                <p><input type="checkbox" name="checkbox" id="checkbox3" class="input3"/><label for="checkbox3">解决方法三</label></p>
                <p><input type="checkbox" name="checkbox" id="checkbox4" class="input4"/><label for="checkbox4">解决方法四</label></p>
                <p><input type="checkbox" name="checkbox" id="checkbox5" class="input5"/><label for="checkbox5">解决方法五</label></p>
                <p><input type="checkbox" name="checkbox" id="checkbox6" class="input6"/><label for="checkbox6">解决方法六</label></p>
            </form>
        </div>
    </body>
    </html>

    兼容浏览器:chrome,firefox,ie8,ie7,ie6,safari

    原文地址:http://www.zhangxinxu.com/wordpress/?p=56

    PS:个人推荐第 2 种,第 5 种和第 6 种方法。因为这 3 种方法都没有用到 css hack。


    展开全文
  • public class _a9_按钮事件_复选框 { public static void main(String[] args) { new myButten("倾斜加粗复选框"); } } class myButten extends JFrame{ //标签 JLabel lab; //面板 JPanel j
    package First;
    
    import javax.swing.*;
    import java.awt.*;
    import java.awt.event.*;
    
    public class _a9_按钮事件_复选框 {
    		public static void main(String[] args) {
    			new myButten("倾斜加粗复选框");
    		}
    }
    
    class myButten extends JFrame{
    	
    	//标签
    	JLabel lab;
    	//面板
    	JPanel jp;
    	//复选框
    	JCheckBox jcb1 , jcb2 ;
    	
    	myButten(String s){
    		super(s);
    		
    		lab = new JLabel("Hello world!",JLabel.CENTER);//居中显示
    		lab.setFont(new Font("宋体",Font.PLAIN,20));//设置字体,传入的一个字体类   字体、形态、大小,三个设置用逗号隔开  形态可以去查询API文档进行设置
    		jp = new JPanel();
    		jcb1 = new JCheckBox("倾斜");
    		jcb2 = new JCheckBox("加粗");
    		
    		//创建监听器对象,可以通过匿名内部类的形式引入(匿名内部类不需要创建对象,直接new即可)
    		Monitor5 m = new Monitor5();
    //		将监听器添加到复选框上
    		jcb1.addActionListener(m);
    		jcb2.addActionListener(m);
    		
    		//添加到窗体上,如果不设置窗体的样式,默认是边界布局管理器的窗体,如果不设置窗体中其他元素的位置,默认添加到中间(重叠覆盖)
    		add(lab);//相当于添加到窗口上    this.add(lab);
    		//设置边框
    		lab.setBorder(BorderFactory.createEtchedBorder());
    		
    		jp.add(jcb1);
    		jp.add(jcb2);
    		
    		add(jp,BorderLayout.PAGE_END);
    		
    		 this.setBounds(300, 300, 270, 160);
    		 this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    		 this.setVisible(true);
    		}
    	
    	
    	
    	//以内部类的形式创建监听器
    	class Monitor5 implements ActionListener{
    		public void actionPerformed(ActionEvent e) {
    			int mode = 0 ;
    			if(jcb1.isSelected()) {//是否被选中
    				mode += Font.ITALIC;//倾斜
    			}
    			if(jcb2.isSelected()) {
    				mode += Font.BOLD;//加粗
    			}
    			lab.setFont(new Font("宋体",mode,20));
    		}
    	}
    }
    

    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 按钮和复选框控件

    千次阅读 2016-01-26 17:05:00
    概述本篇文章介绍Android SDK中的按钮和复选框控件。按钮可以分为多种,例如普通按钮(Button)、图像按钮(ImageButton)、选项按钮(RadioButton)、复选框(CheckBox)等Button官方介绍Class OverviewRepresents ...
  • 刚才在工调代求学功解宗维如请总行断随以移泉动实作中又遇到了一个问题,下面我来分享一下吧(。・∀微二第说,班。都年很过过事发工开宗定据发指互数个遍前互就业大经・)ノ゙问题所在我写了一个用记意口端样理...
  • 最近的项目涉及到很多表单的制作,特别是复选框(checkbox)单选框(radio)。但是在前端开发过程中发现,单(复)选框它们后面的 提示文字在不进行任何设置的情况下,是无法对齐的,而且在FirefoxIE中相差甚大。...
  • Axure RP Pro 相关问题 checkbox复选框部件的OnClick事件中复选框的状态已发生了改变
  • Vue+Element-ui实例_el-checkbox二级复选框

    千次阅读 2021-01-06 15:09:21
    (2)当一级复选框选中时,二级复选框全选,当二级复选框非全选时,一级复选项为不选中状态,当二级复选框为全选时,一级复选框为选中状态。 (3)全部全选,全部取消选中。 (4)记录选中的二级复选框id,方便...
  • 49.java编程思想——创建窗口程序片 文本 复选框 单选框 下拉列表 “文本字段”是允许用户输入编辑文字的一种线性区域。文本字段从文本组件那里继承了让我们选择文字、让我们像得到字符串一样得到选择的文字,...
  • 方法有两种: 一:采用css的zoom属性...zoom缩放会将元素保持在中间,不会改变元素原来的形状,但是可能会有稍稍的模糊。 整体来说zoom属性与transform:scale属性主要存在如下几点差异 1、zoom的缩放是相对于左...
  • WPF教程(十八)复选框

    万次阅读 2016-10-18 20:04:23
    复选框用于勾选或者勾掉某一个选项,在后台代码中表现为一个布尔型值。还是直接来看代码吧,更形象: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xm
  • 等功能,功能按钮位于编辑区域与预览区域中间; 增加了 检查列表 功能。 功能快捷键 撤销: Ctrl/Command + Z 重做: Ctrl/Command + Y 加粗: Ctrl/Command + B 斜体: Ctrl/Command + I ...
  • android双列复选框组件

    2019-05-16 12:39:41
    //设置复选框文字 checkBox.setTag(data.getId());//设置TAG , 用TAG代替ID checkBox.setOnCheckedChangeListener(this);//复选框点击事件监听 l1.addView(checkBox); checkBoxes.add(checkBox);//保存至集合 ...
  • 这里需要动态判断当前复选框checkbox的选中状态,然后决定required是true还是false,因为是多选中间…省略若干条 <el-form-item prop="HealthRefer.Problem" > <el-checkbox-group class="danger" v-model...
  • 就如我上传的图片一样,复选框单独的一列显示,查了很多网上的文献都没有解决![图片说明](https://img-ask.csdn.net/upload/201807/22/1532239333_948724.jpg)
  • 作用:JPanel 是一种中间层容器(轻量级容器) 是对窗体上的这些组件进行组合 它能容纳组件并将组件组合在一起,但它本身必须添加到其他容器中使用 它可以嵌套组合,在不同子容器中可包含其他组件 eg:JButton、...
  •  数据库需要建立一张关系表来存储多对多关系,大家都知道到,需要注意的是在这张关系表里面怎么存储,即多个复选框的ID是存储在一个字段里面还是一个ID一条记录呢,这两种方式都可以实现;如果存储在一个字段里面就...
  • "一、问题产生的条件对于14像素大小的字体是没有本篇所要探讨的单()选框与文字对齐的问题的。但是,对于12像素大小的文字,则就存在对齐问题了,尤其在Firefox火狐浏览器以及chrome谷歌浏览器下。 二、解决方案...
  • 而第二个密文是将“#” 设置成为回显字符!!!  18.9.3 多行文本输入组件:JTextArea  如果要输入多行文本,则可以使用JTextArea类来实现多行文本的输入。此类扩展了...
  • 谷歌提供的默认单选的UI实在是丑,一个圆形的选中按钮+文字,在现有的项目中几乎是没有人会采用的,几乎都会自定义一套好看的单选按钮样式,下面我们来看看本人自定义好看的单选中间带图片,效果图: ...
  • 依据选择的唯一性,可将选项控件分为两类:一类是在方框中打勾的复选框,多个复选框允许同时勾选;另一类是在圆圈中点选的单选框,一组单选框最多只能选中一个。 AWT实现复选功能的控件名叫Checkbox,它由两部分组成...
  • 在做自动化的过程中我们会遇到很多的控件,有的控件在WebDriver中都有封装好的API,我们使用这些方法来操作会提高我们的测试用例编写效率准确性,今天我就来介绍下关于select多选框的操作方法 在Selenium中,针对...
  • css-input与文字的对齐

    万次阅读 2012-09-07 17:59:19
    前言 目前中文网站上面的文字,就我的个人感觉...然而12px的文字与单选框和复选框是不对齐的。例如下面这张雅虎中国首页在火狐浏览器下的截图: 雅虎中国首页单选框复选框文字不对齐 这里,不是说,雅
  • IntelliJ IDEA全局内容搜索替换

    万次阅读 多人点赞 2017-10-19 10:28:08
    在做项目时,有时会在整个项目里或指定文件夹下进行全局搜索替换,这是一个很方便功能。使用方法如下:一、全局搜索1、使用快捷键Ctrl+Shift+F打开搜索窗口,或者通过点击Edit–>Find–>Find in path打开搜索窗口...
  • GitHub 优秀的 Android 开源项目框架

    千次阅读 2017-03-17 18:05:50
    GitHub 优秀的 Android ...同时支持ListView滑动item删除,各个Item高度不一、单选、复选、CursorAdapter做为适配器、拖动背景变化等 项目地址: https://github.com/bauerca/drag-sort-listview Demo地址: ...
  • 单选框设置了checked选中属性后,样式没有显示(使用layui组件时遇到的问题) <div class="col-sm-8 layui-form" style="display: inline-block"> <input type="radio" name="sex" lay-filter="shops_...
  • MFC单选控件Radio使用总结

    千次阅读 2015-05-12 16:32:33
    复选框与单选按钮相象,不同之处是复选框代表多重选择,用户可以选择一个或多个选项。  对话框编辑器中各组控件的对齐  按下Ctrl键并单击要对齐的各个控件,同时选中。最后选中的控件是对齐的基准,仔细观察,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,961
精华内容 4,784
关键字:

复选框和文字中间设置