iOS: 复选框使用---第三方框架SSCheckBoxView-master

在iOS开发中对应用程序进行设置时一般都用UISwitch,偶尔显得单调,这时候你可以选择使用第三方开源类库SSCheckBoxView 。

SSCheckBoxView是一个可用在iOS上一个复选框UI控件,提供选中和不被选中两种情况,和5中风格,如下图

GitHub下载地址:https://github.com/ardalahmet/SSCheckBoxView

经过封装后的SSCheckBoxView使用起来也很简单,首先初始化它的frame,设置一下显示风格和是否被选中的状态,然后再添加到view上即完成一个复选框的显示

- (void)viewDidLoad
{
    [super viewDidLoad];
    SSCheckBoxView *cb = [[SSCheckBoxView alloc] initWithFrame:CGRectMake(50, 50, 30, 30) style:kSSCheckBoxViewStyleMono checked:YES];
    [self.view addSubview:cb];
}

五种显示风格,传参的时候也可传0-5之间数设置显示风格

typedef enum SSCheckBoxViewStyle_ {
    kSSCheckBoxViewStyleBox = 0,
    kSSCheckBoxViewStyleDark,
    kSSCheckBoxViewStyleGlossy,
    kSSCheckBoxViewStyleGreen,
    kSSCheckBoxViewStyleMono,

    kSSCheckBoxViewStylesCount
} SSCheckBoxViewStyle;

如果需要说明复选框干什么用的,设置下text即可,但是需要对SSCheckBoxView对象的宽度进行适配,宽度太短会显示不完全;对复选框观察提供两种方式,一种是使用选择的器,另一种是使用Block;
- (void)viewDidLoad
{
    [super viewDidLoad];
    SSCheckBoxView *cb = [[SSCheckBoxView alloc] initWithFrame:CGRectMake(50, 50, 300, 30) style:kSSCheckBoxViewStyleMono checked:YES];
    [cb setText:@"这个是什么呢"];
    [cb setStateChangedTarget:self selector:@selector(checkBoxViewChangedState:)];
    [self.view addSubview:cb];

    SSCheckBoxView *cb2 = [[SSCheckBoxView alloc] initWithFrame:CGRectMake(50, 80, 300, 30) style:3 checked:YES];
    [cb2 setText:@"使用Block观察是否选中"];
    [cb2 setStateChangedBlock:^(SSCheckBoxView *cbv) {
        NSLog(@"复选框状态: %@",cbv.checked ? @"选中" : @"没选中");
    }];
    [self.view addSubview:cb2];

}

-(void)checkBoxViewChangedState:(SSCheckBoxView*)cbv
{
    NSLog(@"复选框状态: %@",cbv.checked ? @"选中" : @"没选中");
}

效果图:

				
时间: 2024-08-09 00:01:24

iOS: 复选框使用---第三方框架SSCheckBoxView-master的相关文章

iOS 复选框风格转换 Switchery 开关效果

Switchery 是个简单的 JavaScript 组件,只要几个简单的步骤就可以帮助用户把默认的 HTML 复选框转换成漂亮 iOS 7 样式风格.用户可以很方便的自定义这种转换,所以可以很好的配合你的设计风格. 支持的现代浏览器:Chrome, Firefox, Opera, Safari, IE8+. http://www.oschina.net/p/switchery http://abpetkov.github.io/switchery/

iOS复选框

这种按钮iOS没有原生效果. 可以靠按钮的不同点击状态来实现这个效果. 代码如下: _workBtn = [UIButton buttonWithType:UIButtonTypeCustom]; [_workBtn setImage:[UIImage imageNamed:@"xuanxiang_hui"] forState:UIControlStateNormal]; [_workBtn setImage:[UIImage imageNamed:@"xuanxiang_l

iOS 复选框做法

-(void)checkboxClick:(UIButton *)btn{    btn.selected = !btn.selected;} - (void)viewDidLoad {UIButton *checkbox = [UIButton buttonWithType:UIButtonTypeCustom];        CGRect checkboxRect = CGRectMake(135,150,36,36);    [checkbox setFrame:checkboxRect

[CSS揭秘]自定义单选框和复选框

很多Web前端工程师肯定都会遇到过,在项目中,UI设计师跑来跟你说,我这个地方的表单控件需要设计成这个样子那个样子.但是用CSS却不能够修改这些控件的默认样式,于是乎,只能通过div+javascript技术来进行模拟.特别是在如今移动端的崛起时代,更加注重用户的体验.于是就更加需要这样一种hack技术. 如果对如今的前端框架有过了解,都会知道组件这个概念.那么在这些框架中,都会提供一些单选框或复选框按钮组件.可见大家之前受到表单元素的默认样式的毒害有多深. 今天先给大家简单介绍一下如何通过CS

Spring MVC-表单(Form)标签-复选框(Checkbox)示例(转载实践)

以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_checkbox.htm 说明:示例基于Spring MVC 4.1.6. 以下示例显示如何使用Spring Web MVC框架在窗体中使用单个复选框.首先,让我们使用Eclipse IDE,并按照以下步骤使用Spring Web Framework开发基于动态窗体的Web应用程序: 步骤 描述 1 创建一个名为HelloWeb的项目,在一个包com.tutorialspoint

jQuery——操作复选框(checkbox) attr checked不起作用

这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr('checked','checked');与attr('checked',true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了.那到底是什么原因呢? 害得'跑客教授'到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码 $('input[type=checkbox]').attr('checked','checked');//全选,设置属性

php处理表单中的复选框问题以及js实现全选

做的一个项目中遇到了全选和取消全选的问题,这是一个很普遍的功能,,虽然我们经常用到,但是真正做起来却发现行不通,在网上找了些,大部分都是ie,但是谷歌内核浏览器不能正常实现,所以经过小小的调整,今天就把调试好的代码发上来供大家参考使用. 首先要记得引用jquery框架,这样写起代码来相对容易点,尤其突出在选择器上. 1 <html> 2 <head> 3 <script src="./libs/js/jquery.min.js"></scrip

ops-web运维平台-create.jsp-mootools下拉框-复选框

create.jsp页面的,body部分 <body onload="Page.init('${pageError}','${pageMessage}',${isSubmit},true)"> <div id="title">${pageTitle}</div> <s:form id="MYFORM" action="%{pageAction}" method="post&q

jQuery 操作复选框(checkbox) attr checked不起作用

jQuery 更改checkbox的状态,无效 $(this).attr("checked", false).checkboxradio("refresh");     //应该这么写吧,少了$这个东东~~~跟js混淆了 jQuery 操作复选框(checkbox) attr checked不起作用 这 天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,'checked’);与attr(‘checked’,t