横向排列views,自动换行
来源:互联网 发布:中小企业网络解决方案 编辑:程序博客网 时间:2024/05/19 06:16
有时候碰见两行一样的按钮, 不想用collectionView,一个个写是更不可能的了,所以for循环创建完之后用这个方法排列一下搞定
/** 排列view,横向间隔自动计算 @param views 要排列的views @param width 总宽度 @param column 列数(每行几个) @param origin 起始点(第一个view起始点) @param verDistance views纵向间隔(行间距) */- (void)arrangeViews:(NSArray *)views superviewWidth:(float)width column:(int)column origin:(CGPoint)origin verticalDistance:(float)verDistance{ for (int i = 0; i < views.count; i++) { UIView *view = views[i]; //起始x 两个x的差 列:i%column view.x = origin.x + i%column * (width-2*origin.x-view.width)/(column-1); //起始y 两个y的差 行:i/column view.y = origin.y + i/column * (view.height+verDistance); }}
/** 排列view,固定间隔,自动计算列数 @param views 要排列的views @param width 总宽度 @param origin 起始点(第一个view起始点) @param distance 间距 */- (void)arrangeViews:(NSArray *)views superviewWidth:(float)width origin:(CGPoint)origin distance:(float)distance{ for (int i = 0; i < views.count; i++) { UIView *view = views[i]; //一共多少列 int column = (width - origin.x*2)/(view.width + distance); //起始x+当前列数*(间隔+view.width) 当前列:i%列数 view.x = origin.x + i%column * (distance+view.width); //起始y+当前行数*(间隔+view.height) 当前行:i/列数 view.y = origin.y + i/column * (distance+view.height); }}
为了方便偷懒把创建button的代码也放上:
- (void)createBtns { NSArray *titleArr = @[@"快捷回复", @"结束对话", @"下达医嘱", @"收起", @"坐诊信息", @"添加图片"]; NSArray *imgArr = @[@"qd_kjhf_n", @"qd_jsdh", @"qd_xdyz", @"qd_zk_n", @"qd_zzxx_n", @"qd_tjtp"]; NSMutableArray *btnArr = [NSMutableArray array]; for (int i = 0; i < titleArr.count; i++) { UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom]; btn.size = CGSizeMake(44, 46); [btn setTitle:titleArr[i] forState:UIControlStateNormal]; [btn setImage:[UIImage imageNamed:imgArr[i]] forState:UIControlStateNormal]; [btn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; //MARK: 上下排列图文 btn.titleLabel.font = [UIFont systemFontOfSize:10]; btn.titleEdgeInsets = UIEdgeInsetsMake(btn.imageView.height, -btn.imageView.width, 0, 0); btn.imageEdgeInsets = UIEdgeInsetsMake(0, 0, btn.height - btn.imageView.height, -btn.titleLabel.width); [_btnsContainer addSubview:btn]; btn.tag = i+200; [btn addTarget:self action:@selector(btnAction:) forControlEvents:UIControlEventTouchUpInside]; [btnArr addObject:btn]; } [self arrangeViews:btnArr superviewWidth:kScreenWidth column:4 origin:CGPointMake(22, 8) verticalDistance:6];}哦对了,用了Category所以是view.x view.width这种写法
阅读全文
0 0
- 横向排列views,自动换行
- ui li 横向排列 换行问题
- IOS按钮排列自动换行
- ul实现横向排列不换行的两种解决方案
- 如何让多个div横向排列而不换行
- CSS3中li元素自动横向排列、多栏div自动横向排列的简单方法
- RadioButtonList 选项的水平排列 自动换行
- RadioButtonList 选项的水平排列 自动换行
- RadioButtonList 选项的水平排列 自动换行
- 也谈layout的自动换行兼横向居中
- Flex中支持自动换行排列的ToolBar
- Jface中form组件中水平排列支持自动换行
- Flex中支持自动换行排列的ToolBar
- android textview自动换行、排列错乱问题及解决
- button自适应宽度 并根据屏幕宽自动换行排列
- Android——自定义LinearLayout自动换行,TextView垂直排列。
- 横向排列html代码
- repeater横向排列数据
- uva 11404
- 【OpenCV入门指南】第三篇Canny边缘检测
- FFMPEG学习【libavutil】:数据结构(三)
- Eva's Balance
- extract-text-webpack-plugin 的使用及安装
- 横向排列views,自动换行
- 【OpenCV入门指南】第四篇 图像的二值化
- Spark编程之基本的RDD算子之map,mapPartitions, mapPartitionsWithIndex.
- 谷歌浏览器插件安装
- 如何提高PHP应用的性能
- Unity5中GUI Text不显示的原因
- webpack 插件: html-webpack-plugin
- 要实现两个数字的交换,你还是只抓着那一种方法不放吗?
- Java菜鸟学习日记16