美文网首页
我写了一篇文章《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