美文网首页
我写了一篇文章《ISO入门之UIView(二)》

我写了一篇文章《ISO入门之UIView(二)》

作者: 皖北威威猫 | 来源:发表于2017-03-13 00:24 被阅读54次

*按钮控件(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属性进行图片的旋转和缩放)*****


相关文章

网友评论

      本文标题:我写了一篇文章《ISO入门之UIView(二)》

      本文链接:https://www.haomeiwen.com/subject/fcutnttx.html