IOS

关注公众号 jb51net

关闭
首页 > 软件编程 > IOS > ios 按钮自适应宽度

iOS 中根据屏幕宽度自适应分布按钮的实例代码

作者:Leemin_ios

这篇文章主要介绍了iOS 中根据屏幕宽度自适应分布按钮的实例代码,本文给大家分享两种方式,代码简单易懂,需要的朋友可以参考下

 下载demo链接:https://github.com/MinLee6/buttonShow.git

屏幕摆放的控件有两种方式,一种根据具体内容变化,一种根据屏幕宽度变化。

下面我分别将两个方式,用代码的方式呈现:

1:根据具体内容变化

// 
// StyleOneViewController.m 
// buttonShow 
// 
// Created by limin on 15/06/15. 
// Copyright © 2015年 信诺汇通信息科技(北京)有限公司. All rights reserved. 
// 
#import "StyleOneViewController.h" 
#import "UIViewExt.h" 
//每列间隔 
#define KViewMargin 10 
//每行列数高 
#define KVieH 28 
#define KscreenW [UIScreen mainScreen].bounds.size.width 
#define Color(R,G,B) [UIColor colorWithRed:R/255.0 green:G/255.0 blue:B/255.0 alpha:1.0] 
@interface StyleOneViewController () 
{ 
UIButton *tmpBtn; 
CGFloat btnW; 
CGFloat btnViewHeight; 
} 
/* 存放按钮的view */ 
@property(nonatomic,strong)UIView *btnsView; 
/* 按钮上的文字 */ 
@property(nonatomic,strong)NSMutableArray *btnMsgArrays; 
@property (nonatomic,strong) NSMutableArray* btnIDArrays; 
/** 所有按钮 */ 
@property(nonatomic,strong)NSMutableArray *allBtnArrays; 
/** 服务器提供按钮标签 */ 
@property(nonatomic,strong)NSArray *tagInfoArray; 
//-------展示选中的文字 
/* 确认按钮 */ 
@property(nonatomic,strong)UIButton *sureButton; 
/* 文字 */ 
@property(nonatomic,strong)UILabel *showLabel; 
@end 
@implementation StyleOneViewController 
- (void)viewDidLoad { 
[super viewDidLoad]; 
self.view.backgroundColor = [UIColor whiteColor]; 
[self getTagMsg]; 
} 
-(void)getTagMsg 
{ 
self.btnMsgArrays = [[NSMutableArray alloc]init]; 
_allBtnArrays = [[NSMutableArray alloc]init]; 
self.btnIDArrays = [[NSMutableArray alloc]init]; 
self.tagInfoArray = @[@{@"id":@"1",@"tagmsg":@"味道很好味道很好"}, 
@{@"id":@"1",@"tagmsg":@"环境不错"}, 
@{@"id":@"1",@"tagmsg":@"性价比高"}, 
@{@"id":@"1",@"tagmsg":@"位置好找"}, 
@{@"id":@"1",@"tagmsg":@"上菜快"}, 
@{@"id":@"1",@"tagmsg":@"菜量足"}, 
@{@"id":@"1",@"tagmsg":@"好吃"}, 
@{@"id":@"1",@"tagmsg":@"态度好,服务周到"} 
]; 
//挨个赋值 
for (int i=0; i<_tagInfoArray.count; i++) { 
NSDictionary *dict = _tagInfoArray[i]; 
[self.btnIDArrays addObject:dict[@"id"]]; 
[self.btnMsgArrays addObject:dict[@"tagmsg"]]; 
} 
[self createBtns]; 
} 
//创建按钮 
-(void)createBtns{ 
//创建放置button的view 
self.btnsView = [[UIView alloc]initWithFrame:CGRectMake(10, 40, KscreenW-2*KViewMargin, 40)]; 
self.btnsView.backgroundColor = Color(237, 237, 237); 
[self.view addSubview:self.btnsView]; 
/** 
* 数组存放适配屏幕大小的每行按钮的个数 
*/ 
NSMutableArray *indexbtns=[self returnBtnsForRowAndCol]; 
//统计按钮View的高度 
btnViewHeight=indexbtns.count*(KVieH+KViewMargin)+10; 
//设置btnView的高度 
self.btnsView.height=btnViewHeight; 
NSInteger count=0; 
CGFloat Y; 
//循环创建按钮 
for (int row=0; row<indexbtns.count; row++) { 
for (int col=0; col<[indexbtns[row]intValue]; col++) { 
CGFloat X; 
Y=10+row*(KViewMargin+KVieH); 
//按钮的宽 
btnW=[self returnBtnWithWithStr:self.btnMsgArrays[count]]; 
if (tmpBtn&&col) { 
X=CGRectGetMaxX(tmpBtn.frame)+KViewMargin; 
}else{ 
X=KViewMargin+col*btnW; 
} 
UIButton *btn=[[UIButton alloc]initWithFrame:CGRectMake(X, Y, btnW, KVieH)]; 
[btn setTitle:self.btnMsgArrays[count] forState:UIControlStateNormal]; 
btn.titleLabel.font=[UIFont systemFontOfSize:12]; 
btn.layer.borderWidth=1; 
btn.layer.borderColor = Color(156,156,156).CGColor; 
[btn setTitleColor:Color(156, 156, 156) forState:UIControlStateNormal]; 
[btn setTitleColor:Color(202, 48, 130) forState:UIControlStateSelected]; 
btn.backgroundColor=[UIColor clearColor]; 
btn.layer.cornerRadius=2; 
btn.tag=[self.btnIDArrays[count] integerValue]; 
[btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside]; 
[self.allBtnArrays addObject:btn]; 
tmpBtn=btn; 
[self.btnsView addSubview:btn]; 
count+=1; 
} 
} 
//创建确认按钮 
UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(KViewMargin, self.btnsView.bottom+40, KscreenW-2*KViewMargin, 44)]; 
[btn setTitle:@"确认" forState:UIControlStateNormal]; 
[btn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal]; 
btn.backgroundColor = Color(214, 116, 0); 
[btn addTarget:self action:@selector(showSelectedClick:) forControlEvents:UIControlEventTouchUpInside]; 
self.sureButton = btn; 
[self.view addSubview:btn]; 
//返回按钮 
UIButton *btn2 = [[UIButton alloc]initWithFrame:CGRectMake((KscreenW-80)*0.5, self.view.height-80, 80, 80)]; 
[btn2 setTitle:@"返回" forState:UIControlStateNormal]; 
[btn2 setTitleColor:[UIColor purpleColor] forState:UIControlStateNormal]; 
btn2.layer.cornerRadius = 40; 
btn2.clipsToBounds = YES; 
btn2.layer.borderColor = [UIColor purpleColor].CGColor; 
btn2.layer.borderWidth = 2; 
[btn2 addTarget:self action:@selector(backBtnClick:) forControlEvents:UIControlEventTouchUpInside]; 
[self.view addSubview:btn2]; 
} 
#pragma mark-返回view中有几行几列按钮 
-(NSMutableArray*)returnBtnsForRowAndCol{ 
CGFloat allWidth = 0.0; 
NSInteger countW=0; 
NSMutableArray *indexbtns=[NSMutableArray array]; 
NSMutableArray *tmpbtns=[NSMutableArray array]; 
for (int j=0;j<self.btnMsgArrays.count;j++) { 
CGFloat width=[self returnBtnWithWithStr:self.btnMsgArrays[j]]; 
allWidth+=width+KViewMargin; 
countW+=1; 
if (allWidth>KscreenW-10) { 
//判断第一行情况 
NSInteger lastNum=[[tmpbtns lastObject]integerValue]; 
[indexbtns addObject:@(lastNum)]; 
[tmpbtns removeAllObjects]; 
allWidth=0.0; 
countW=0; 
j-=1; 
}else{ 
[tmpbtns addObject:@(countW)]; 
} 
} 
if (tmpbtns.count!=0) { 
NSInteger lastNum=[[tmpbtns lastObject]integerValue]; 
[indexbtns addObject:@(lastNum)]; 
} 
return indexbtns; 
} 
-(CGFloat)returnBtnWithWithStr:(NSString *)str{ 
//计算字符长度 
NSDictionary *minattributesri = @{NSFontAttributeName:[UIFont systemFontOfSize:12]}; 
CGSize mindetailSizeRi = [str boundingRectWithSize:CGSizeMake(100, MAXFLOAT) options:NSStringDrawingUsesFontLeading attributes:minattributesri context:nil].size; 
return mindetailSizeRi.width+12; 
} 
#pragma mark-按钮点击事件 
-(void)btnClick:(UIButton *)btn 
{ 
btn.selected = !btn.isSelected; 
if (btn.isSelected) { 
btn.layer.borderColor = Color(202, 48, 130).CGColor; 
}else 
{ 
btn.layer.borderColor = Color(156, 156, 156).CGColor; 
} 
} 
-(void)showSelectedClick:(UIButton *)btn 
{ 
NSMutableArray *strArray = [[NSMutableArray alloc]init]; 
for (UIButton *btn in self.allBtnArrays) { 
if (btn.isSelected) { 
[strArray addObject:btn.currentTitle]; 
} 
} 
NSString *str = [strArray componentsJoinedByString:@" & "]; 
UIFont *font = [UIFont systemFontOfSize:14]; 
CGFloat strH = [str boundingRectWithSize:CGSizeMake(KscreenW-2*KViewMargin, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:font} context:nil].size.height; 
//展示文字 
if (!self.showLabel) { 
UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(KViewMargin, self.sureButton.bottom+20, KscreenW-2*KViewMargin, strH)]; 
label.font = font; 
label.textColor = [UIColor redColor]; 
label.numberOfLines = 0; 
self.showLabel = label; 
[self.view addSubview:label]; 
} 
self.showLabel.text = str; 
self.showLabel.height = strH; 
} 
-(void)backBtnClick:(UIButton *)btn 
{ 
[self dismissViewControllerAnimated:YES completion:nil]; 
} 
- (void)didReceiveMemoryWarning { 
[super didReceiveMemoryWarning]; 
// Dispose of any resources that can be recreated. 
} 
/* 
#pragma mark - Navigation 
// In a storyboard-based application, you will often want to do a little preparation before navigation 
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { 
// Get the new view controller using [segue destinationViewController]. 
// Pass the selected object to the new view controller. 
} 
*/ 
@end

2:根据屏幕宽度变化。

//// StyleTwoViewController.m 
// buttonShow 
// 
// Created by limin on 16/11/15. 
// Copyright © 2016年 君安信(北京)科技有限公司. All rights reserved. 
// 
#import "StyleTwoViewController.h" 
#import "UIViewExt.h" 
#define kTagMargin 14 
#define kCellMargin 15 
#define kScreenWidth [UIScreen mainScreen].bounds.size.width 
#define Color(R,G,B) [UIColor colorWithRed:R/255.0 green:G/255.0 blue:B/255.0 alpha:1.0] 
@interface StyleTwoViewController () 
/* 按钮 */ 
@property(nonatomic,strong)NSMutableArray *btnsArray; 
/* 按钮文字 */ 
@property(nonatomic,strong)NSArray *tagsArray; 
/* 默认选择的按钮 */ 
@property(nonatomic,strong)UIButton *selectedBtn; 
/* 标签 */ 
@property(nonatomic,copy)NSString *selectTopicTitle; 
@end 
@implementation StyleTwoViewController 
- (void)viewDidLoad { 
[super viewDidLoad]; 
self.view.backgroundColor = [UIColor whiteColor]; 
[self getTagMsg]; 
} 
-(void)getTagMsg 
{ 
_btnsArray = [NSMutableArray array]; 
//添加tag按钮 
NSArray *tagsArray = @[@"美好生活1",@"美好生活2",@"美好生活3",@"美好生活4",@"美好生活5",@"美好生活6",@"美好生活7",@"美好生活8",@"美好生活9",@"美好生活10",@"美好生活11",@"美好生活12",@"美好生活13",@"美好生活14",@"美好生活15",@"美好生活16",@"美好生活17",@"美好生活18",@"美好生活19",@"美好生活20",@"美好生活21",@"美好生活22",@"美好生活23",@"美好生活24"]; 
_tagsArray = tagsArray; 
[self createTagSqures:tagsArray]; 
} 
#pragma mark - 创建方块 
-(void)createTagSqures:(NSArray *)tags 
{ 
//一行最多4个。 
int maxCols = 4; 
//宽度、高度 
CGFloat TotalWidth = kScreenWidth - 2*kCellMargin - (maxCols-1)*kTagMargin; 
CGFloat BtnWidth = TotalWidth / maxCols; 
CGFloat BtnHeight = 30; 
for (int i=0; i<tags.count; i++) { 
//创建按钮 
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom]; 
btn.backgroundColor = Color(211, 156, 4); 
//设置按钮属性 
[btn setBackgroundImage:[UIImage imageNamed:@"discover_btnbg"] forState:UIControlStateNormal]; 
[btn setBackgroundImage:[UIImage imageNamed:@"discover_btnbg"] forState:UIControlStateDisabled]; 
btn.adjustsImageWhenHighlighted = NO; 
[btn setTitleColor:Color(51, 51, 51) forState:UIControlStateNormal]; 
[btn setTitleColor:[UIColor whiteColor] forState:UIControlStateDisabled]; 
[btn.titleLabel setFont:[UIFont systemFontOfSize:13]]; 
btn.titleLabel.textAlignment = NSTextAlignmentCenter; 
btn.tag = i+10; 
// 监听点击 
[btn addTarget:self action:@selector(TagBtnClick:) forControlEvents:UIControlEventTouchUpInside]; 
//按钮赋值 
[btn setTitle:tags[i] forState:UIControlStateNormal]; 
[self.view addSubview:btn]; 
//计算frame 
int col = i % maxCols; 
int row = i / maxCols; 
btn.x = kCellMargin + col*(BtnWidth + kTagMargin); 
btn.y = 40 + 11 + row * (BtnHeight + kTagMargin); 
btn.width = BtnWidth; 
btn.height = BtnHeight; 
//设置所有按钮默认状态为NO 。 
btn.enabled = YES; 
[self.btnsArray addObject:btn]; 
} 
//默认第一个按钮为选中 
UIButton *btn = self.btnsArray[0]; 
btn.enabled = NO; 
self.selectedBtn = btn; 
self.selectTopicTitle = self.tagsArray[0]; 
//返回按钮 
UIButton *btn2 = [[UIButton alloc]initWithFrame:CGRectMake((kScreenWidth-80)*0.5, self.view.height-160, 80, 80)]; 
[btn2 setTitle:@"返回" forState:UIControlStateNormal]; 
[btn2 setTitleColor:[UIColor purpleColor] forState:UIControlStateNormal]; 
btn2.layer.cornerRadius = 40; 
btn2.clipsToBounds = YES; 
btn2.layer.borderColor = [UIColor purpleColor].CGColor; 
btn2.layer.borderWidth = 2; 
[btn2 addTarget:self action:@selector(backBtnClick:) forControlEvents:UIControlEventTouchUpInside]; 
[self.view addSubview:btn2]; 
//创建确认按钮 
UIButton *btn3 = [[UIButton alloc]initWithFrame:CGRectMake(kCellMargin, btn2.top-80, kScreenWidth-2*kCellMargin, 44)]; 
[btn3 setTitle:@"确认" forState:UIControlStateNormal]; 
[btn3 setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal]; 
btn3.backgroundColor = Color(214, 116, 0); 
[btn3 addTarget:self action:@selector(showSelectedClick:) forControlEvents:UIControlEventTouchUpInside]; 
[self.view addSubview:btn3]; 
} 
#pragma mark - 按钮点击事件 
- (void)TagBtnClick:(UIButton *)button 
{ 
//获取点击的button,取消选中样式 
self.selectedBtn.enabled = YES; 
button.enabled = NO; 
self.selectedBtn = button; 
NSInteger index = button.tag-10; 
NSString *selectStr = self.tagsArray[index]; 
self.selectTopicTitle = selectStr; 
} 
-(void)showSelectedClick:(UIButton *)button 
{ 
//保留选择标签的文字 
NSLog(@"所选择的文字:%@",self.selectTopicTitle); 
UIAlertView *alert = [[UIAlertView alloc]initWithTitle:self.selectTopicTitle message:@"" delegate:nil cancelButtonTitle:@"确认" otherButtonTitles:nil]; 
[alert show]; 
} 
-(void)backBtnClick:(UIButton *)btn 
{ 
[self dismissViewControllerAnimated:YES completion:nil]; 
} 
- (void)didReceiveMemoryWarning { 
[super didReceiveMemoryWarning]; 
// Dispose of any resources that can be recreated. 
} 
/* 
#pragma mark - Navigation 
// In a storyboard-based application, you will often want to do a little preparation before navigation 
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { 
// Get the new view controller using [segue destinationViewController]. 
// Pass the selected object to the new view controller. 
} 
*/ 
@end

以上所述是小编给大家介绍的iOS 中根据屏幕宽度自适应分布按钮的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:
阅读全文