*按钮控件(Button)
按钮控件是最常用的控件之一。iOS中按钮控件Button直接继承于UIControl:UIView,既能显示文字,又能显示图片,还能随时调整内部图片和文字位置的按钮。下面我们看一下Button 的属性有哪些
Button的相关属性这些属性中Type 和 State Config属性比较难理解,接下来我们详细解释一下这两个属性。
1、Type
Custom 最常用的
System 默认的
Detail Disclosure 通常用于显示当前列表项的详情
Info Ligth 通常用于显示简短的说明信息
Info Dark 通常用于显示简短的说明信息
Add Contact 通常用于添加联系人
2、State Config
Default 默认状态
Highlighted 当用户触碰该按钮时,该按钮显示高亮状态
Selected 表示按钮被选中的状态
Disabled 表示按钮被禁用后的状态
@UIBtton常见属性和方法
UIBtton常见属性
@property(nonatomic,readonly) UIButtonType buttonType; 设置按钮类型
@property(nullable, nonatomic,readonly,strong) UILabel *titleLabel ; 设置按钮显示的文本
@property(nullable, nonatomic,readonly,strong) UIImageView *imageView ; 设置按钮控件的图片
UIButton常见的方法
- (void)setTitle:(nullable NSString *)title forState:(UIControlState)state; // 设置按钮的文本和状态
- (void)setTitleColor:(nullable UIColor *)color forState:(UIControlState)state UI_APPEARANCE_SELECTOR; // 设置按钮的标题的颜色和状态
- (void)setTitleShadowColor:(nullable UIColor *)color forState:(UIControlState)state UI_APPEARANCE_SELECTOR; // 设置按钮的背景图片和状态
- (void)setImage:(nullable UIImage *)image forState:(UIControlState)state; //设置按钮的图片和状态
****这四种方法中都涉及到了参数forState,该参数是一个UIControlState整数值,用来接收UIControlStateNormal UIControlStateHighlighted UIControlStateSelected UIControlStateDisabled状态值****
话不多讲了,用程序来展示一下:
效果图通过动画可以看到,我们实现了图片的移动、旋转、缩放功能。当我们点击按钮的时候,按钮的颜色会变成蓝色,其实那也是一张图片。用到了上面讲Button - State Config - Highlighted(高亮状态下)
我们也用到了上篇中讲到的UIView- tag属性(@property (nonatomic) NSInteger tag; //用于表示控件的ID,父控件可以通过tag找到对应的字控件,定义控件的唯一标识),这就是为什么当我们点击不同的按钮时,熊猫会出现不同的反应。
为tag设置值其他的就没有多说的了,这是实现程序的主要方法
// 用于缩放图片的方法
- (IBAction)scale:(id)sender {
// 获取图片的transform属性
CGAffineTransform t=self.img.transform;
// 获取图片的tag属性
NSInteger tag = [sender tag];
if (tag==7) {
CGAffineTransform temtransform=CGAffineTransformScale(t, 1.2,1.2);
self.img.transform=temtransform;
}else{
CGAffineTransform temtransform=CGAffineTransformScale(t, 0.8,0.8);
self.img.transform=temtransform;
}
}
// 用于旋转图片的方法
- (IBAction)rotate:(id)sender {
// 获取图片的transform属性
CGAffineTransform temtransform=self.img.transform;
// 获取按钮的tag属性
NSInteger rotatetag=[sender tag];
if (rotatetag==5) {
self.img.transform=CGAffineTransformRotate(temtransform,M_PI_4 * -1);
}else{
self.img.transform = CGAffineTransformRotate(temtransform,M_PI_4 * 1);
} }
// 用于移动图片的方法
- (IBAction)run:(id)sender {
// 获取图片的frame属性
CGRect tmpframe = self.img.frame;
// 获取按钮的tag属性
NSInteger runtag=[sender tag];
switch (runtag) {
case 1: // 向上移动
tmpframe.origin.y-=10;
self.img.frame=tmpframe;
break;
case 2: // 向下移动
tmpframe.origin.y+=10;
self.img.frame=tmpframe;
break;
case 3: // 向左移动
tmpframe.origin.x-=10;
self.img.frame=tmpframe;
break;
case 4: // 向右移动
tmpframe.origin.x+=10;
self.img.frame=tmpframe;
break;
default:
break;
} }
****使用按钮虽图片进行各种操作时,首先是获取图片对象的相关属性,然后根据不同的tag值执行不同的动作(通过Frame来改变图片的位置,通过transform属性进行图片的旋转和缩放)*****
网友评论