设计可以多选的按钮ChooseManyButton
设计可以多选的按钮ChooseManyButton
效果:
源码:
ChooseManyButton.h 与 ChooseManyButton.m
//
// ChooseManyButton.h
// ChooseOnlyButton
//
// Created by YouXianMing on 14/11/5.
// Copyright (c) 2014年 YouXianMing. All rights reserved.
// #import <UIKit/UIKit.h> @protocol ChooseManyButtonDelegate <NSObject>
@optional
- (void)chooseButtons:(NSArray *)buttons;
@end @interface ChooseManyButton : UIButton
/**
* 代理
*/
@property (nonatomic, assign) id<ChooseManyButtonDelegate> delegate; /**
* 选择的标题(存储的是NSNumber的BOOL值,与给定的标题值一一对应)
*/
@property (nonatomic, strong, readonly) NSMutableArray *chooseTitles; /**
* 标题的数组
*/
@property (nonatomic, strong) NSArray *titles; /**
* 按钮离左侧的距离
*/
@property (nonatomic, assign) CGFloat gapFromLeft; /**
* 两个按钮之间的水平距离
*/
@property (nonatomic, assign) CGFloat gapFromHorizontalButton; /**
* 两个按钮之间的垂直间距
*/
@property (nonatomic, assign) CGFloat gapFromVerticalButton; /**
* 按钮高度
*/
@property (nonatomic, assign) CGFloat buttonHeight; /**
* 按钮标题字体
*/
@property (nonatomic, strong) UIFont *buttonTitleFont; /**
* 没有选中状态下的按钮的背景颜色以及按钮字体的颜色
*/
@property (nonatomic, strong) UIColor *normalButtonBackgroundColor;
@property (nonatomic, strong) UIColor *normalButtonTitleColor; /**
* 选中状态下的按钮的背景颜色以及按钮字体的颜色
*/
@property (nonatomic, strong) UIColor *selectedButtonBackgroundColor;
@property (nonatomic, strong) UIColor *selectedButtonTitleColor; /**
* 重设view的尺寸并且创建出新的按钮
*/
- (void)resetSizeAndCreateButtons; /**
* 重新计算frame
*
* @return frame值
*/
- (CGRect)calculateFrame; @end
//
// ChooseManyButton.m
// ChooseOnlyButton
//
// Created by YouXianMing on 14/11/5.
// Copyright (c) 2014年 YouXianMing. All rights reserved.
// #import "ChooseManyButton.h" typedef enum : NSUInteger {
FLAG_BUTTON = 0x2244,
} ENUM_FLAG; @interface ChooseManyButton () /**
* 标签数组
*/
@property (nonatomic, strong) NSMutableArray *chooseTitles; @end @implementation ChooseManyButton - (void)resetSizeAndCreateButtons { // 没有元素则退出
if (_titles.count == ) {
return;
} // 初始化标签数组(与标题一一对应)
_chooseTitles = [NSMutableArray new];
for (int i = ; i < _titles.count; i++) {
[_chooseTitles addObject:[NSNumber numberWithBool:NO]];
} // 没有设置左边距则默认值为5.f
if (_gapFromLeft == ) {
_gapFromLeft = .f;
} // 没有设置水平按钮间距则默认值为5.f
if (_gapFromHorizontalButton == ) {
_gapFromHorizontalButton = .f;
} // 没有设置垂直按钮间距则默认值为5.f
if (_gapFromVerticalButton == ) {
_gapFromVerticalButton = .f;
} // 没有设置按钮高度则按钮默认高度为20.f
if (_buttonHeight == ) {
_buttonHeight = .f;
} // 获取frame宽度
CGFloat frameWidth = self.bounds.size.width; // 计算出按钮宽度
CGFloat buttonWidth = (frameWidth - _gapFromLeft* - _gapFromHorizontalButton)/.f; // 动态创建出按钮
for (int i = ; i < _titles.count; i++) {
UIButton *button = [[UIButton alloc] initWithFrame:\
CGRectMake(_gapFromLeft + (buttonWidth + _gapFromHorizontalButton)*(i%),
(i/)*(_buttonHeight + _gapFromVerticalButton),
buttonWidth,
_buttonHeight)];
button.tag = FLAG_BUTTON + i; // 设置按钮圆角
button.layer.cornerRadius = _buttonHeight/.f;
[button addTarget:self
action:@selector(buttonsEvent:)
forControlEvents:UIControlEventTouchUpInside]; // 设置按钮标题 + 默认的标题颜色
[button setTitle:_titles[i] forState:UIControlStateNormal];
[self normalButtonStyle:button]; // 设置字体
if (_buttonTitleFont) {
button.titleLabel.font = _buttonTitleFont;
} [self addSubview:button];
} // 重设自身view高度
CGFloat selfViewHeight = _buttonHeight*((_titles.count - )/ + ) + _gapFromVerticalButton*((_titles.count - )/);
CGRect rect = self.frame;
rect.size.height = selfViewHeight;
self.frame = rect;
} - (CGRect)calculateFrame { // 没有元素则退出
if (_titles.count == ) {
return CGRectZero;
} // 没有设置左边距则默认值为5.f
if (_gapFromLeft == ) {
_gapFromLeft = .f;
} // 没有设置水平按钮间距则默认值为5.f
if (_gapFromHorizontalButton == ) {
_gapFromHorizontalButton = .f;
} // 没有设置垂直按钮间距则默认值为5.f
if (_gapFromVerticalButton == ) {
_gapFromVerticalButton = .f;
} // 没有设置按钮高度则按钮默认高度为20.f
if (_buttonHeight == ) {
_buttonHeight = .f;
} // 根据控件的一些参数计算出高度
CGFloat selfViewHeight = _buttonHeight*((_titles.count - )/ + ) + _gapFromVerticalButton*((_titles.count - )/);
CGRect rect = self.frame;
rect.size.height = selfViewHeight; // 返回控件
return rect;
} - (void)buttonsEvent:(UIButton *)button { // 获取到点击按钮的index值
NSInteger index = button.tag - FLAG_BUTTON; // 根据值来确定设置样式
if ([_chooseTitles[index] isEqual: @NO]) {
_chooseTitles[index] = @YES;
[self selectButtonStyle:button];
} else {
_chooseTitles[index] = @NO;
[self normalButtonStyle:button];
} // 通过代理获取点击了哪些按钮
if (_delegate && [_delegate respondsToSelector:@selector(chooseButtons:)]) {
[_delegate chooseButtons:_chooseTitles];
}
} #pragma mark - 私有方法
/**
* 普通按钮的样式
*
* @param button 要改变样式的按钮
*/
- (void)normalButtonStyle:(UIButton *)button { if (_normalButtonTitleColor) {
[button setTitleColor:_normalButtonTitleColor
forState:UIControlStateNormal];
} else {
[button setTitleColor:[UIColor colorWithRed:0.000 green:0.361 blue:0.671 alpha:]
forState:UIControlStateNormal];
} if (_normalButtonBackgroundColor) {
button.backgroundColor = _normalButtonBackgroundColor;
} else {
button.backgroundColor = [UIColor clearColor];
} button.layer.borderColor = [UIColor colorWithRed:0.843 green:0.843 blue:0.843 alpha:].CGColor;
button.layer.borderWidth = .f;
} /**
* 选中按钮时的样式
*
* @param button 要改变样式的按钮
*/
- (void)selectButtonStyle:(UIButton *)button { if (_selectedButtonTitleColor) {
[button setTitleColor:_selectedButtonTitleColor
forState:UIControlStateNormal];
} else {
[button setTitleColor:[UIColor colorWithRed:0.973 green:0.984 blue:0.988 alpha:]
forState:UIControlStateNormal];
} if (_selectedButtonBackgroundColor) {
button.backgroundColor = _selectedButtonBackgroundColor;
} else {
button.backgroundColor = [UIColor colorWithRed:0.055 green:0.365 blue:0.663 alpha:];
} button.layer.borderColor = [UIColor colorWithRed:0.055 green:0.365 blue:0.663 alpha:].CGColor;
button.layer.borderWidth = .f;
} @end
使用时的代码:
//
// ViewController.m
// ChooseOnlyButton
//
// Created by YouXianMing on 14/11/4.
// Copyright (c) 2014年 YouXianMing. All rights reserved.
// #import "ViewController.h"
#import "ChooseManyButton.h" @interface ViewController ()<ChooseManyButtonDelegate> {
ChooseManyButton *button;
} @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad]; UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(, , , )];
label.textAlignment = NSTextAlignmentCenter;
label.text = @"“近代中国睁眼看世界的第一人”的是___";
label.textColor = [UIColor grayColor];
[self.view addSubview:label]; button = [[ChooseManyButton alloc] initWithFrame:CGRectMake(, , , )];
button.buttonHeight = .f;
button.gapFromLeft = .f;
button.gapFromVerticalButton = .f;
button.gapFromHorizontalButton = .f;
button.buttonTitleFont = [UIFont systemFontOfSize:.f];
button.titles = @[@"A. 梁启超",
@"B. 龚自珍",
@"C. 林则徐",
@"D. 李鸿章"];
button.delegate = self;
[self.view addSubview:button]; // 设置完所有参数后创建出控件
[button resetSizeAndCreateButtons];
} - (void)chooseButtons:(NSArray *)buttons {
NSLog(@"%@", buttons);
} @end
实时打印信息:
设计可以多选的按钮ChooseManyButton的更多相关文章
- 设计多选一按钮ChooseOnlyButton
设计多选一按钮ChooseOnlyButton 效果: 源码: ChooseOnlyButton.h 与 ChooseOnlyButton.m // // ChooseOnlyButton.h // ...
- 定制二选一按钮SwitchButton
定制二选一按钮SwitchButton 效果: 源码: SwitchButton.h 与 SwitchButton.m // // SwitchButton.h // KongJian // // C ...
- 界面设计中如何增强CTA按钮召唤力?
以下内容由Mockplus(摹客)团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 网页和软件应用之类数字产品的有效交互系统一般是由拥有各种任务和功能的小元素构成.而为创建更加 ...
- cocos2dx 3.x (单选,多选,复选checkBox按钮的实现) RadioButton
// // LandLordsMakeNewRoom.hpp // MalaGame39 // // Created by work on 2016/12/19. // // #ifndef ...
- JS实现简单的多选选项的全选反选按钮
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <!-- 5 需求: 6 1.写三个按钮: ...
- js全选反选按钮实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- 用DotNetBar设计的 Gradient Buttons 漂亮按钮
http://www.webdesignerwall.com/demo/css-buttons.html public class GradientButtons : DevComponents ...
- listview禁止双击一条之后选中复选框按钮的方法
this.listViewUsers.SelectedItems[0].Checked = !this.listViewUsers.SelectedItems[0].Checked;
- openerp学习笔记 tree视图增加复选处理按钮
wizard:用于确认或选择 wizard/sale_multi_action.py # -*- encoding: utf-8 -*-from openerp.osv import fields, ...
随机推荐
- golang笔记(1)-数据库查询结果映射至结构体
通用的映射模式 query:="select id,name from user where id=?" //单个结构体ret:=&Activity{} DbClient( ...
- java学习-sha1散列算法
直接调用HashKit.sha1(String str)方法就可以了,,返回的是16进制的字符串长度是40, 也就是用md.digest()方法解析出来的字节数是160字节长度. 而MD5散列算法生成 ...
- Python2.x 中文乱码问题
Python 文件中如果未指定编码,在执行过程会出现报错: #!/usr/bin/pythonprint "你好,世界"; 以上程序执行输出结果为: File "test ...
- LDA理解
LDA只是一个求解思路. 1.理解LDA首先要理解EM算法,EM不能叫做一个算法,只是一个思想:它要求解的其实是一个极大似然估计,就是我用已知量去求解导致这个已知量出现的最大概率,而在这里又恰恰有点偏 ...
- Date类学习总结(Calendar Date 字符串 相互转换 格式化)
Date类学习总结 1.计算某一月份的最大天数 Calendar time=Calendar.getInstance();time.clear();time.set(Calendar.YEAR,yea ...
- ASP .NET Core 基本知识点示例 目录
ASP.NET Core 的 运行机制 文章 ASP.NET Core 中的 配置 文章 源代码 ASP.NET Core 中的 依赖注入 文章 源代码 ASP.NET Core 中的 日志 文章 源 ...
- java 基本理论知识点
通过JAVAOO 的笔试后,总结了一些理论的知识点. 1.main方法是怎么写的 public static void main(String [] args){}//最习惯的 public stat ...
- MicrosoftOfficeProfessionalPlus2013激活方法
MicrosoftOfficeProfessionalPlus2013已经使用很久(估计快一年了吧),但一直是未激活状态,每次打开都要弹出那个未激活的提示信息,很烦,但不知道自己怎么能够忍受这么久的, ...
- 回溯法求解n皇后和迷宫问题
回溯法是一种搜索算法,从某一起点出发按一定规则探索,当试探不符合条件时则返回上一步重新探索,直到搜索出所求的路径. 回溯法所求的解可以看做解向量(n皇后坐标组成的向量,迷宫路径点组成的向量等),所有解 ...
- dev中ASPxListBox单选和多选的设置
只需要设置SelectionMode,为Multiple时是单选,CheckColumn时是多选