IOS 自定义复选框

1、首先创建工程文件，CheckBox,

然后创建CheckBox类，继承自UIView,同时添加资源文件，选中、取消的图片，添加完成以后目录如下：

CheckBox类头文件代码如下：

#import <UIKit/UIKit.h>@protocol CheckBoxDelegate;@interface CheckBox : UIView@property(nonatomic,retain)NSString *text;//显示文字
@property(nonatomic,assign)BOOL checked;//是否选中@property(nonatomic,retain) id<CheckBoxDelegate> delegate;//代理-(id)initWithText:(NSString *)text frame:(CGRect)frame;//初始化@end@protocol CheckBoxDelegate<NSObject>-(void)onChangeDelegate:(CheckBox *)checkbox isCheck:(BOOL)isCheck;@end

CheckBox实现代码如下：

#import "CheckBox.h"
@interface CheckBox()@property(nonatomic,retain)UIImage *onImage;
@property(nonatomic,retain)UIImage *offImage;@end@implementation CheckBox-(void)dealloc{[_text release];[_delegate release];[_onImage release];[_offImage release];[super dealloc];
}
- (id)initWithFrame:(CGRect)frame
{self = [super initWithFrame:frame];if (self) {// Initialization code}return self;
}
-(id)initWithText:(NSString *)text frame:(CGRect)frame{self=[super initWithFrame:frame];if(self){_text=text;self.backgroundColor=[UIColor clearColor];self.onImage=[UIImage imageNamed:@"chk_on.png"];//选中图片self.offImage=[UIImage imageNamed:@"chk_off.png"];//取消图片}return self;
}
-(void)setChecked:(BOOL)checked{_checked=checked;//注册代理事件，通知状态改变if([self.delegate respondsToSelector:@selector(onChangeDelegate:isCheck:)]){[self.delegate onChangeDelegate:self isCheck:_checked];}[self setNeedsDisplay];
}
-(void)drawRect:(CGRect)rect{//将text,image绘制到UIView上面UIImage *image=self.checked?self.onImage:self.offImage;[image drawAtPoint:CGPointMake(5, 8)];UIFont *font=[UIFont systemFontOfSize:16.0f];[self.text drawAtPoint:CGPointMake(25, 8) withFont:font];
}
//点击事件
-(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{self.checked=!self.checked;
}@end

调用代码如下：首先引入CheckBox,

#import "ViewController.h"
#import "CheckBox.h"@interface ViewController ()
<
CheckBoxDelegate//协议
>@end@implementation ViewController- (void)viewDidLoad
{[super viewDidLoad];// Do any additional setup after loading the view, typically from a nib.CheckBox *cb=[[CheckBox alloc] initWithText:@"乒乓球" frame:CGRectMake(10, 10, 80, 30)];cb.delegate=self;//设置委托[self.view addSubview:cb];[cb release];}
-(void)onChangeDelegate:(CheckBox *)checkbox isCheck:(BOOL)isCheck{//NSLog(@"text:%@,State:%@",checkbox.text,isCheck?@"YES":@"NO");
}- (void)didReceiveMemoryWarning
{[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.
}@end

IOS 自定义复选框相关推荐

django获取html复选框,扩展Django Admin tabular.html自定义复选框操作
我有两个表被告和被告_Potential class Defendant(models.Model): fullname = models.CharField(max_length = 100, nu ...
html制作复选框,html自定义复选框
自定义复选框的素材: icon-check-circle.png icon-checked.png checkbox.html(为了方便起见,这里使用到了jQuery) 自定义复选框checkbox ...
自定义复选框checkbox样式
复选框作为网页中比较常见的一个组件,有的时候我们需要对它进行美化,但是我们无法直接为其定义样式,所以我们需要一些其它的办法. 表单元素中有label 元素和 for属性,当我们点击label 标签时, ...
element-ui 使用自定义复选框
为什么不使用自带复选框? 自带复选框无法确定数据来源于回填还是用户手动选择,因为回填表格复选框时只能使用toggleRowSelection方法来遍历回填,而且会触发selection-change事 ...
el-checkbox 自定义复选框【多选框】
1. 自定义多选框 el-checkbox; 预览: 注意: 假如有全局字体引入会影响显示效果: 去除el-checkbox__inner附加字体css font-family: not speci ...
自定义复选框,复选框样式修改,重写复选框
查了好多资料复选框写的磨磨叽叽的一大堆废话! 我来教大家写一个原生jq的复选框样式,简单实用,又不会耽误checkbox的调用. html: <label class="checkli ...
微信小程序自定义复选框
微信官方给的复选框太丑,想要样式多样需要我们自己定义先来张效果图 wxml循环生成选框,从js里取数据,根据checked的值,改变标签的样式类 <view class="two { ...
Android CheckBox 复选框（自定义复选框）
一.正常使用代码  <CheckBoxandroid:id="@+id/man"android:layout_width=&q ...
layui数据表格自定义复选框表头_layui中table表头样式修改方法
如下所示: layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , u ...

IOS 自定义复选框

IOS 自定义复选框相关推荐

最新文章

热门文章