美文网首页ios
iOS 仿微信图片编辑功能

iOS 仿微信图片编辑功能

作者: 跳跳跳跳跳跳跳 | 来源:发表于2021-07-20 15:51 被阅读0次

    工作中遇到了和微信编辑类似的需求,网上并没有找到相应的代码,所以只能自己动手丰衣足食了
    先直接放代码
    仿微信剪裁代码git地址


    功能介绍

    1. 涂鸦

      涂鸦.gif
    2. 添加文字

      添加文字.gif
    3. 剪裁

      剪裁.gif
    4. 马赛克

      马赛克.gif

    代码使用

    CXImageEditTool拖入项目中
    示例ViewController代码
    ViewController.h

    #import <UIKit/UIKit.h>
    
    @interface ViewController : UIViewController
    
    
    @end
    

    ViewController.m

    #import "ViewController.h"
    #import "Masonry.h"
    #import "CXImageEditView.h"
    
    @interface ViewController ()
    @property(nonatomic, strong) UIImageView *editIgv;
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        self.view.backgroundColor = [UIColor blackColor];
        
        _editIgv = [UIImageView new];
        _editIgv.image = [UIImage imageNamed:@"zuo.jpg"];
        _editIgv.contentMode = UIViewContentModeScaleAspectFit;
        _editIgv.userInteractionEnabled = YES;
        [self.view addSubview:_editIgv];
        [_editIgv mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.right.top.bottom.mas_equalTo(0);
        }];
        
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapImage)];
        [_editIgv addGestureRecognizer:tap];
    }
    
    //进入图片编辑功能
    - (void)tapImage {
        CXImageEditView *editVi = [[CXImageEditView alloc]initWithEditImage:[UIImage imageNamed:@"zuo.jpg"]];
        __weak typeof(self) weakSelf = self;
        __weak typeof(editVi) weakEditVi = editVi;
        editVi.completeEdit = ^(UIImage * _Nonnull resultImg) {
            weakSelf.editIgv.image = resultImg;
            [weakEditVi removeFromSuperview];
        };
        [self.view addSubview:editVi];
        [editVi mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.right.top.bottom.mas_equalTo(0);
        }];
    }
    @end
    

    相关文章

      网友评论

        本文标题:iOS 仿微信图片编辑功能

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