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

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容