swift3.0 代码创建经典界面的九宫图--优化篇
2017-09-22 16:45
351 查看
在上一篇只是简单实现了九宫图效果,本章需要形成APP界面九宫图效果
override func viewDidLoad() {
super.viewDidLoad()
createnine()
}
//九宫图算法
func createnine(){
//高
let kAppViewH:CGFloat=80
//宽
let kAppViewW:CGFloat=80
//行个数
let kColCount:Int=3
//间隔
let kStart:Int=20
let MarginX:CGFloat=(self.view.frame.size.width-CGFloat(kColCount)*kAppViewW)/CGFloat(kColCount+1)
let MarginY:CGFloat=10
for i in 0 ..< 12 {
let row:Int=i/kColCount;
let col:Int=i%kColCount;
let colF:CGFloat=CGFloat(col);
let x=MarginX+CGFloat(col)*(kAppViewW+MarginX);
let y=CGFloat(kStart)+MarginY+CGFloat(row)*(kAppViewH+MarginY);
var imageView=UIImageView(image: UIImage(named: ""))
imageView.frame=CGRect(x: 0, y: 0, width: 60, height: 60)
//增加Lable
var nameLabel=UILabel(frame: CGRect(x:0, y: 60, width: Int(kAppViewW), height: 20))
nameLabel.text="功能"
nameLabel.textAlignment=NSTextAlignment.center
nameLabel.backgroundColor=UIColor.blue
//var btnBuuton=UIButton.button
//增加按钮
let btnButton=UIButton(frame: CGRect(x: 0, y: 20, width: 60, height: 60))
btnButton.tag=i
btnButton.setTitle("按钮", for: UIControlState.normal)
btnButton.addTarget(self, action: #selector(btnClick(sender:)), for:
.touchUpInside)
let view=UIView(frame: CGRect(x: x, y: y, width: kAppViewW, height: kAppViewH))
view.backgroundColor=UIColor.red
view.addSubview(imageView)
view.addSubview(nameLabel)
view.addSubview(btnButton)
//加入视图
self.view.addSubview(view)
}
}
效果如下
override func viewDidLoad() {
super.viewDidLoad()
createnine()
}
//九宫图算法
func createnine(){
//高
let kAppViewH:CGFloat=80
//宽
let kAppViewW:CGFloat=80
//行个数
let kColCount:Int=3
//间隔
let kStart:Int=20
let MarginX:CGFloat=(self.view.frame.size.width-CGFloat(kColCount)*kAppViewW)/CGFloat(kColCount+1)
let MarginY:CGFloat=10
for i in 0 ..< 12 {
let row:Int=i/kColCount;
let col:Int=i%kColCount;
let colF:CGFloat=CGFloat(col);
let x=MarginX+CGFloat(col)*(kAppViewW+MarginX);
let y=CGFloat(kStart)+MarginY+CGFloat(row)*(kAppViewH+MarginY);
var imageView=UIImageView(image: UIImage(named: ""))
imageView.frame=CGRect(x: 0, y: 0, width: 60, height: 60)
//增加Lable
var nameLabel=UILabel(frame: CGRect(x:0, y: 60, width: Int(kAppViewW), height: 20))
nameLabel.text="功能"
nameLabel.textAlignment=NSTextAlignment.center
nameLabel.backgroundColor=UIColor.blue
//var btnBuuton=UIButton.button
//增加按钮
let btnButton=UIButton(frame: CGRect(x: 0, y: 20, width: 60, height: 60))
btnButton.tag=i
btnButton.setTitle("按钮", for: UIControlState.normal)
btnButton.addTarget(self, action: #selector(btnClick(sender:)), for:
.touchUpInside)
let view=UIView(frame: CGRect(x: x, y: y, width: kAppViewW, height: kAppViewH))
view.backgroundColor=UIColor.red
view.addSubview(imageView)
view.addSubview(nameLabel)
view.addSubview(btnButton)
//加入视图
self.view.addSubview(view)
}
}
效果如下
相关文章推荐
- swift3.0 创建经典界面的九宫图
- Bug经典回放四--别让编译器优化掉你想要执行的代码
- iOS学习笔记 4 —— 代码创建界面UIView、UILabel、UITextField、UIButton
- iphone-用代码创建界面(Creating Views from Code)
- 第六周(1) 后台代码编写与客户端具体功能实现以及界面优化
- 第七周(1) 后台代码编写、客户端具体功能实现与界面优化
- Android 通过Java代码生成创建界面。动态生成View,动态设置View属性。addRules详解
- 在Qt中使用C++代码创建界面
- Linux下Eclipse界面优化方案及代码
- php 代码优化之经典示例
- 优化定制化abap代码必须遵守的经典黄金规则
- iphone-用代码创建界面(Creating Views from Code)
- 代码优化重构(很经典)
- android游戏开发之我的小小游戏1——五子棋游戏之界面的优化、代码整理
- 大钟的ios开发之旅(4)————简单谈谈ios程序界面实现的三种方式(代码创建,xib和storyboard)
- myflag step 13:后台代码编写、客户端具体功能实现与界面优化
- Delphi创建ActiveX控件,实现安全接口及无界面代码
- JavaSE界面字体优化神代码
- 【编程珠玑】代码优化的27条经典法则