关于批量控件在视图中的布局(以按钮为例)
来源:互联网 发布:无线路由器品牌 知乎 编辑:程序博客网 时间:2024/05/17 16:00
一个赏心悦目的界面,少不了的就是排版,我们项目中比较常见的就是方形的布局, 图片,按钮,标签的布局等等;
这里我就以按钮为例,介绍几种开发中对批量控件布局的方式:
线形布局:
第一种: 最简单直接,但比较繁琐,代码冗余的方式:
//1.创建按钮
UIButton *button1 = [[UIButtonalloc]init];
UIButton *button2 = [[UIButtonalloc]init];
UIButton *button3 = [[UIButtonalloc]init];
//2.添加到父视图中
[self.viewaddSubview:button1];
[self.viewaddSubview:button2];
[self.viewaddSubview:button3];
//3.布局
[button1 mas_makeConstraints:^(MASConstraintMaker *make) {
make.centerY.equalTo(self.view.mas_centerY);
make.left.equalTo(self.view.mas_left);
}];
[button2mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(button1.mas_right);
make.centerY.equalTo(button1.mas_centerY);
make.width.equalTo(button1.mas_width);
}];
[button3mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(button2.mas_right);
make.centerY.equalTo(button2.mas_centerY);
make.width.equalTo(button2.mas_width);
make.right.equalTo(self.view.mas_right);
}];
第二种:这种方式就代码简洁,比较简单
//创建按钮数组
NSMutableArray *buttonArrM = [NSMutableArrayarray];
//1.创建按钮
for (NSInteger i =0; i < 3; i++) {
UIButton *button = [[UIButtonalloc]init];
[self.viewaddSubview:button];
[buttonArrM addObject: button];
}
//2.布局
[buttonArrMmas_distributeViewsAlongAxis: MASAxisTypeHorizontal withFixedSpacing:0leadSpacing:0tailSpacing:0];
[buttonArrMmas_makeConstraints:^(MASConstraintMaker *make) {
make.top.bottom.equalTo(self.view);
}];
方形布局(九宫格):
第一种方式:先说简单的方式
//按钮的宽高
CGFloat buttonWH =60;
//第一个 button的 frame 假设第一个 button的 坐标点为原点
CGRect firstFrame =CGRectMake(0,0, buttonWH, buttonWH);
//设置按钮要移动的间距
CGFloat gap = buttonWH +20;
for (NSInteger i =0; i < 9; i++) {
UIButton *button = [[UIButtonalloc]init];
[self.viewaddSubview:button];
//九宫格算法
//计算行数和列数
NSInteger row = i /3;
NSInteger col = i %3;
//给每一个按钮设置 frame
// 在 swifit中 button.frame = firstFrame.offsetBy(gap * col, gap * row)
button.frame =CGRectOffset(firstFrame, gap * col, gap * row);
}
第二种方式:这种方式跟上述线形布局思路一样(在上一个按钮的位置做偏移,这里就不做描述了)
以上的这些布局方式适用于多种控件,当然我想大家一定会选用简单快捷,而稍具有质量的代码,希望可以帮助大家。
- 关于批量控件在视图中的布局(以按钮为例)
- android :点击某个按钮弹出在原有布局中没有(或者存在)内容 :以删除原有布局内容为例
- Ajax 在用户控件中的应用(以Google Suggest为例)
- MFC中利用picture control控件设置闪烁按钮。(控件以加载bitmap位图为例)
- css布局(以两栏布局为例)
- Windows Phone中的路由事件-以ListBox控件为例
- 数据库中视图相关(以mysql为例)
- 玩转Web值jquery(一)---对表单中的某一标签批量处理(以input为例)
- WPF-17行为(以控件在界面拖动为例)
- 动态的创建窗口(以一个按钮为例)
- Mybatis批量更新数据库与批量插入数据库(以oracle为例)
- 关于基础视图(以UITextField为例)不响应事件和视图添加后却不出现的几种情况
- 关于动作发生在请求前还是请求后(以点赞为例)
- 在MFC视图中创建按钮和下拉框控件
- ant在开发ejb中的部署WEB应用(以jboss为例)
- 认证在网络协议中的应用(以OSPF为例)
- 去哪网实习总结:easyui在JavaWeb中的使用,以datagrid为例(JavaWeb)
- 关于Java中的递归操作--(以将一个正整型十进制数转换为二进制数为例)
- Android高效率编码-第三方SDK详解系列(一)——百度地图,绘制,覆盖物,导航,定位,细腻分解!
- eclipse building workspace 出错显示,An internal error occurred during: "Building workspace". Java heap s
- hbase 获取cell 中各个版本的数据
- 华为OJ火车进站
- PCB隐藏元件标号
- 关于批量控件在视图中的布局(以按钮为例)
- 电池充放电1c只得是什么
- 2017全球人工智能与机器人峰会4月30日前报名可享受5折早鸟票优惠!
- HttpClient
- String类和StringBuffer类常用操作
- php环境下,无法运行帝国备份王程序
- UVa 1584 Circular Sequence
- Android菜单滑动
- MongoDB--命令