iOS 仿微信图片编辑功能

工作中遇到了和微信编辑类似的需求,网上并没有找到相应的代码,所以只能自己动手丰衣足食了
先直接放代码
仿微信剪裁代码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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容