iOS开发之按钮的基本使用

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC"; color: #000000 }
span.s1 { }
span.s2 { font: 18.0px Menlo }
实现功能:



点击向上的箭头,按钮图片向上,移动,点击向下的箭头,按钮图片向下移动

点击向左的箭头,按钮图片向左移动,点击向右的箭头,按钮图片向右移动,

点击加号图片放大,点击减号,图片缩小

第一步: 搭建界面,将控件分别连线



p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #c42275 }
span.s1 { }
span.s2 { color: #000000 }
span.s3 { color: #6122ae }
第二步: 将图片按钮连线

@property (weak, nonatomic) IBOutlet UIButton *headBtn;

第三步: 在每个按钮点击事件中实现向上,向下,向左,向右,放大,缩小的功能

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #1e9421 }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #000000 }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC"; color: #1e9421 }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #000000; min-height: 21.0px }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #21961c }
p.p6 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC"; color: #21961c }
p.p7 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #21961c; min-height: 21.0px }
p.p8 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #c42275 }
span.s1 { }
span.s2 { font: 18.0px "PingFang SC" }
span.s3 { color: #c42275 }
span.s4 { font: 18.0px Menlo; color: #000000 }
span.s5 { font: 18.0px Menlo }
span.s6 { color: #703daa }
span.s7 { color: #539aa4 }
span.s8 { color: #000000 }
span.s9 { color: #1e9421 }
span.s10 { color: #0435ff }
//想上

- (IBAction)up:(id)sender {

// NSLog(@"上");

// self.headBtn.frame.origin.y = self.headBtn.frame.origin.y - 10;

//不能直接访问对象的结构体属性的成员变量

//能够直接访问对象的结构体属性

// self.headBtn.frame

//1 取出对象的结构体属性frame 赋值给临时的变量

CGRect tempFrame = self.headBtn.frame;

//2 修改临时变量的值

// tempFrame.origin.y = tempFrame.origin.y - 10;

//

tempFrame.origin.y -= 10;

//3 用临时变量的值覆盖原来的值

self.headBtn.frame = tempFrame;

}

//向下

- (IBAction)down:(id)sender {

// NSLog(@"下");

//1 取出对象的结构体属性frame 赋值给临时的变量

CGRect tempFrame = self.headBtn.frame;

//2 修改临时变量的值

// tempFrame.origin.y = tempFrame.origin.y - 10;

//

tempFrame.origin.y += 10;

//3 用临时变量的值覆盖原来的值

self.headBtn.frame = tempFrame;

}

/**

向左

*/

- (IBAction)left:(id)sender {

// NSLog(@"左");

CGRect tempFrame = self.headBtn.frame;

//2 修改临时变量的值

// tempFrame.origin.y = tempFrame.origin.y - 10;

//

tempFrame.origin.x -= 10;

//3 用临时变量的值覆盖原来的值

self.headBtn.frame = tempFrame;

}

/**

向右

@param sender <#sender description#>

*/

- (IBAction)right:(id)sender {

// NSLog(@"右");

//1 取出对象的结构体属性frame 赋值给临时的变量

CGRect tempFrame = self.headBtn.frame;

//2 修改临时变量的值

// tempFrame.origin.y = tempFrame.origin.y - 10;

//

tempFrame.origin.x += 10;

//3 用临时变量的值覆盖原来的值

self.headBtn.frame = tempFrame;

}

/**

放大

@param sender <#sender description#>

*/

- (IBAction)big:(id)sender {

// NSLog(@"大");

CGRect tempFrame = self.headBtn.frame;

//2 修改临时变量的值

// tempFrame.origin.y = tempFrame.origin.y - 10;

//

tempFrame.size.width += 10;

tempFrame.size.height +=10;

//3 用临时变量的值覆盖原来的值

self.headBtn.frame = tempFrame;

}

/**

缩小

@param sender <#sender description#>

*/

- (IBAction)small:(id)sender {

// NSLog(@"小");

CGRect tempFrame = self.headBtn.frame;

//2 修改临时变量的值

// tempFrame.origin.y = tempFrame.origin.y - 10;

//

tempFrame.size.width -= 10;

tempFrame.size.height -=10;

//3 用临时变量的值覆盖原来的值

self.headBtn.frame = tempFrame;

}

@end