美文网首页
图片移动/放大/缩小(frame,center,bonds等方法

图片移动/放大/缩小(frame,center,bonds等方法

作者: AlexPei | 来源:发表于2016-01-10 20:23 被阅读539次

bounds方法设置图片大小注意事项

bounds是结构体CGRect需要用CGRect接收而不能用CGSize接收,否则报错:

/Users/peibobo/Desktop/未命名文件夹/buttonAction/buttonAction/ViewController.m:97:12:
Initializing 'CGSize' (aka 'struct CGSize') with an expression of incompatible
type 'CGRect' (aka 'struct CGRect')


    //bouneds方式设置放大动画
    CGRect bounds = self.btnIcon.bounds;
    if (sender.tag == 50) {
        bounds.size.height += 100;
        bounds.size.width += 100;
        [UIView animateWithDuration:1.2 animations:^{
            self.btnIcon.bounds = bounds;
        }];
    }else if(sender.tag == 60){
    
        bounds.size.height -= 100;
        bounds.size.width -=100;
        //传统方式缩小动画
        //开启动画
        [UIView beginAnimations:nil context:nil];
//1.设置动画时间
        [UIView setAnimationDuration:1.2];
//2.执行动画代码包含进去
        self.btnIcon.bounds = bounds;
//3.呈现动画
        [UIView commitAnimations];
    }
    
}

center移动图片以图片中心点为移动中心开始移动,用CGPoint接收


- (IBAction)changeIcon:(UIButton *)sender {
    CGPoint originalIcon = self.btnIcon.center;
//tag 10 20 30 40 分别对应上 右 下 左
    switch (sender.tag) {
        case 10:
            originalIcon.y -= 100;
            self.btnIcon.center = originalIcon;
            break;
        case 20:
            originalIcon.x += 100;
            self.btnIcon.center = originalIcon;
            break;
        case 30:
            originalIcon.y += 100;
            self.btnIcon.center = originalIcon;
            break;
        case 40:
            originalIcon.x -= 100;
            self.btnIcon.center = originalIcon;
            break;
        default:
            break;
    }


frame方式移动以及缩放图片大小(无动画)


- (IBAction)changeIcon:(UIButton *)sender {
    //获取frame--图片位置CGPoint以及尺寸CGSize
    CGRect originalIcon = self.btnIcon.frame;
    //switch...case...选择执行的动作
    //给self.btnIcon.frame从新赋值
    switch (sender.tag) {
        case 10:
            originalIcon.origin.y -=100;
            self.btnIcon.frame = originalIcon;
            break;
        case 20:
            originalIcon.origin.x +=100;
            self.btnIcon.frame = originalIcon;
            break;
        case 30:
            originalIcon.origin.y +=100;
            self.btnIcon.frame = originalIcon;
            break;
        case 40:
            originalIcon.origin.x -=100;
            self.btnIcon.frame = originalIcon;
            break;
        case 50:
            originalIcon.size.width +=100;
            originalIcon.size.height +=100;
            self.btnIcon.frame = originalIcon;
            break;
        case 60:
            originalIcon.size.height -=100;
            originalIcon.size.width -=100;
            self.btnIcon.frame = originalIcon;
            break;
        default:
            break;
    }
    
}

相关文章

  • 图片移动/放大/缩小(frame,center,bonds等方法

    bounds方法设置图片大小注意事项 bounds是结构体CGRect需要用CGRect接收而不能用CGSize接...

  • canvas中图片的放大缩小和移动

    项目需求中需要图片的放大、缩小、移动,和实现一个放大缩小的缩略条。在这里记录一下实现的方法。使用了 vue 和 k...

  • 基础1

    ⒈文字:移动文字使用左最上方箭头 ⒉按住alt 切换放大镜放大缩小 ⒊Ctrl 0在图片放大缩小的情况下最快恢复到...

  • 2017-07-10

    文字:移动文字使用左最上方箭头 按住alt 切换放大镜放大缩小 Ctrl 0在图片放大缩小的情况下最快恢复到在画布...

  • 用electron实现一个批量裁剪图片的工具

    图片批量裁剪的工具 功能: 批量选择图片 放大缩小图片 移动图片 裁剪图片 导出裁剪后的图片 请在Release[...

  • Android 图片处理,缩放、Drawable->Bitmap

    //放大缩小图片 //将Drawable转化为Bitmap //获得圆角图片的方法 //获得带倒影的图片方法

  • PS学习1

    2020.3.21 好习惯:背景图层复制一层 放大镜:单击放大图片,按住Alt同时单击缩小图片 抓手:移动画布查看...

  • javascript案例

    1 图片的放大和缩小效果演示 1 图片的放大和缩小效果演示原理说明:图片逐渐放大和逐渐缩小是指在一定时间内图片发生...

  • Swift Demo

    *1> 简单实现列表折叠效果 * 2. 图片的放大缩小,移动 * 3. 购买详情动画

  • ios-CropImageView-图片和裁剪框都能放大缩小移动

    特点:图片能移动,放大缩小。裁剪框能移动,自由拉伸。移动过程中裁剪框不会超出图片的范围。不在裁剪框里面会有黑色透明...

网友评论

      本文标题:图片移动/放大/缩小(frame,center,bonds等方法

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