一：前言
 

  1.0  :在图片上增加文字，是图片编辑中非常常见的需求。
 
 
 
 
  1.1 ：无demo说话不硬气，上github地址：https://github.com/horisea/PictureWhitening    
 
 
            欢迎star，你的星星是我持续创作的动力
 
 
 
 
 
 
 二：上一下效果图
 
 
 
 
 
 
 下面我们看一下功能： 1.首先文字的颜色是可以换的；
 
 
                                    2.文字的大小是可以控制的
 
 
                                    3.给定宽度，文字的高度是动态计算的 
 
 
                                    4.文字的高度不会超出图片等等。
 
 
 
 
 
 
 三：上方法声明
 
 
  
 
/**
 图片合成文字
 @param text            文字
 @param fontSize        字体大小
 @param textColor       字体颜色
 @param textFrame       字体位置
 @param image           原始图片
 @param viewFrame       图片所在View的位置
 @return UIImage *
 */
+ (UIImage *)imageWithText:(NSString *)text
                  textFont:(NSInteger)fontSize
                 textColor:(UIColor *)textColor
                 textFrame:(CGRect)textFrame
               originImage:(UIImage *)image
    imageLocationViewFrame:(CGRect)viewFrame;
参数确实多了一点，但是为了更加智能，好用。。我发现一个参数也不能去掉。 
 
 
 
 
 
 
 四：方法实现
 
 
 
 
+ (UIImage *)imageWithText:(NSString *)text
                  textFont:(NSInteger)fontSize
                 textColor:(UIColor *)textColor
                 textFrame:(CGRect)textFrame
               originImage:(UIImage *)image
    imageLocationViewFrame:(CGRect)viewFrame {
    
    if (!text)      {  return image;   }
    if (!fontSize)  {  fontSize = 17;   }
    if (!textColor) {  textColor = [UIColor blackColor];   }
    if (!image)     {  return nil;  }
    if (viewFrame.size.height==0 || viewFrame.size.width==0 || textFrame.size.width==0 || textFrame.size.height==0 ){return nil;}

    NSString *mark = text;
    CGFloat height = [mark sizeWithPreferWidth:textFrame.size.width font:[UIFont systemFontOfSize:fontSize]].height; // 此分类方法要导入头文件
    if ((height + textFrame.origin.y) > viewFrame.size.height) { // 文字高度超出父视图的宽度
        height = viewFrame.size.height - textFrame.origin.y;
    }
    
//    CGFloat w = image.size.width;
//    CGFloat h = image.size.height;
    UIGraphicsBeginImageContext(viewFrame.size);
    [image drawInRect:CGRectMake(0, 0, viewFrame.size.width, viewFrame.size.height)];
    NSDictionary *attr = @{NSFontAttributeName: [UIFont systemFontOfSize:fontSize], NSForegroundColorAttributeName : textColor };
    //位置显示
    [mark drawInRect:CGRectMake(textFrame.origin.x, textFrame.origin.y, textFrame.size.width, height) withAttributes:attr];
    
    UIImage *aimg = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return aimg;
}
 
 最后：github地址里还附带了，图片美白，变灰，旋转，图片合成等方法。。欢迎star啊
 
 
 
 
 
 
 
 如果你喜欢这篇文章，或者有任何疑问，可以扫描第一个二维码，加楼主好友哦
 
 
 也可以扫第二个二维码，关注楼主个人微信公众号。这里有很多生活，职业，技术相关的文章哦。欢迎您的到来。
 
 
 微信号：                                             公众号
 
 
 

前面几节讲了图片上画线
 
这一节 我们简单讲一讲 给图片上添加文字的方法 我们继续使用上节的代码（代码下载地址见上节末尾   http://blog.csdn.net/lwjok2007/article/details/50887396）
 
首先我们将添加文字的View单独抽象出现实现
 
创建一个类 继承自UIView
 
起名： AddText
 
 
 
 
 
 定义一个协议 当输入完成之后 将内容返回给ViewController 
 
 
#import <UIKit/UIKit.h>


@protocol EditTextDelegate <NSObject>

-(void)ADDTextWithText:(NSString *)TEXT;

@end


@interface AddText : UIView


@property(nonatomic,strong)id<EditTextDelegate>delegate;

@end

 

 
 
实现AddText
 
 
#import "AddText.h"

@implementation AddText


- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.userInteractionEnabled = YES;
        self.backgroundColor = [UIColor whiteColor];
        [self initUserInterface];
    }
    return self;
}

//添加控件
- (void)initUserInterface{
    //取消按钮
    UIButton *btnCancel = [UIButton buttonWithType:UIButtonTypeCustom];
    btnCancel.frame = CGRectMake(5, 5, 60, 30);
    [btnCancel setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [btnCancel addTarget:self action:@selector(cancelAct) forControlEvents:UIControlEventTouchUpInside];
    [btnCancel setTitle:@"取消" forState:UIControlStateNormal];
    [self addSubview:btnCancel];
    
    
    //确认按钮
    UIButton *btnSubmit = [UIButton buttonWithType:UIButtonTypeCustom];
    btnSubmit.frame = CGRectMake(self.frame.size.width-65, 5, 60, 30);
    [btnSubmit setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [btnSubmit addTarget:self action:@selector(submitAct) forControlEvents:UIControlEventTouchUpInside];
    [btnSubmit setTitle:@"确定" forState:UIControlStateNormal];
    [self addSubview:btnSubmit];
    
    //分割线
    UILabel *labe = [[UILabel alloc]initWithFrame:CGRectMake(0, 40, self.frame.size.width, 1)];
    labe.backgroundColor = [UIColor brownColor];
    [self addSubview:labe];
    
    //输入框
    UITextView *textView = [[UITextView alloc]initWithFrame:CGRectMake(0, 45,self.frame.size.width , self.frame.size.height-120)];
    textView.tag = 600;
    textView.font = [UIFont systemFontOfSize:20];
    textView.backgroundColor = [UIColor cyanColor];
    [self addSubview:textView];
}

- (void)cancelAct{
    
    [self removeFromSuperview];
}

- (void)submitAct{
    
    UITextView *textView = (UITextView *)[self viewWithTag:600];
    [self.delegate ADDTextWithText:textView.text];
    [self removeFromSuperview];
}
 
 

 
 
接下来 我们给ViewController添加一个按钮 点击按钮之后会打开AddText界面
 
 
    
    UIButton *addTextBtn= [[UIButton alloc]initWithFrame:CGRectMake(screen_Width/2.0+60+10, 60, 120, 36)];
    [addTextBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [addTextBtn setTitle:@"文字" forState:UIControlStateNormal];
    [addTextBtn addTarget:self action:@selector(addTextAct:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:addTextBtn];

 

 
 
//添加文字按钮事件
- (void)addTextAct:(id)sender{
    
    AddText *editText = [[AddText alloc]initWithFrame:CGRectMake(60, 120, screen_Width-120, screen_Width*2/3)];
    editText.tag = 650;
    editText.delegate = self;
    [self.view addSubview:editText];
    
}
 

 
 实现AddText的代理 方法获取到值之后显示到图片上

 
同时我们要求 文字的位置可以随意挪动。
 
同时 还有文字的放大 旋转等 大家自己研究一下
 
 
#pragma mark 增加文字代理方法
- (void)ADDTextWithText:(NSString *)TEXT
{
    UILabel *textlabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 200, 360)];
    textlabel.tag = 900;
    textlabel.lineBreakMode = 0;
    textlabel.font = [UIFont systemFontOfSize:25];
    textlabel.text = TEXT;
    [textlabel sizeToFit];
    textlabel.center = CGPointMake(screen_Width/2.0, screen_Height/2.0);
    textlabel.userInteractionEnabled = YES;
    [imageV addSubview:textlabel];
    //拖拽
    UIPanGestureRecognizer *panLabel = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(tapLabel:)];
    [textlabel addGestureRecognizer:panLabel];
//    //旋转
//    UIRotationGestureRecognizer *rota = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotation:)];
//    [textlabel addGestureRecognizer:rota];
//    //缩放
//    UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinch:)];
//    [textlabel addGestureRecognizer:pinch];
    
//      [textlabel becomeFirstResponder];
}


 
//拖拽
- (void)tapLabel:(UIPanGestureRecognizer *)panLabel
{
    
    UILabel *textlabel = (UILabel *)[self.view viewWithTag:900];
    CGPoint point =  [panLabel  translationInView:textlabel];
    // NSLog(@"%f %f",point.x ,point.y);
    //改变中心点坐标（原来的中心点+偏移量=当前的中心点）
    
    panLabel.view.center = CGPointMake(panLabel.view. center.x+point.x, panLabel.view.center.y+point.y);

    
    //每次调用完之后，需要重置手势的偏移量，否则平移手势会自动累加偏移量
    //CGPointMake(0, 0)<==>CGPointZero
    [panLabel setTranslation:CGPointZero inView:textlabel];
    
}
 
 

 
 
好了 我们运行试试
 
 
 
 
 
 
 

 
 
 
如果说看到了 弹出的输入框 那么就成功一半了。输入文字点击确认 图片上是不是多出了文字 拖动试试
 
如果拖动没有反应
 
接的设置一下imageV
 
 
    imageV.userInteractionEnabled=YES;

 

 
 
我们前面讲了那么多，图片上添加了各种东西 那么最后怎么保存图片了？
 
方法很简单 我们在 ViewController中添加一个按钮 当点击的时候 将修改过的图片生成 现实到一个新的imageview上
 
添加一个ImnageView
 

 
 
添加一个Button 添加点击事件
 
 
    imageV1 = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, screen_Width, screen_Height/2)];
    [self.view addSubview:imageV1];

 

 
 
好了 我们就简单实现一下 更为复杂的功能我们下来再研究
 
 
    
    UIButton *saveImageBtn= [[UIButton alloc]initWithFrame:CGRectMake(screen_Width/2.0+60+10, 30, 120, 36)];
    [saveImageBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [saveImageBtn setTitle:@"保存" forState:UIControlStateNormal];
    [saveImageBtn addTarget:self action:@selector(saveImageAct:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:saveImageBtn];
- (void)saveImageAct:(id)sender{
    
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(screen_Width, imageV.frame.size.height), YES, 1.0);
    [imageV.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *uiImage = UIGraphicsGetImageFromCurrentImageContext();
    
    UIGraphicsEndImageContext();
    
    imageV1.image=uiImage;
    
}


 好了  我们试试 看 图片已经可以生成了

 

 
 
代码我会上传到群空间 有兴趣可以去下载
 
demo: 【60315图片上添加文字FingerLine.zip】
 

 
 
苹果开发群 ：414319235  欢迎加入，共同学习
 
 

 
 

现在我们从网上看到的很多图片都是带文字、水印的，在图片上添加文字既可以作为美化图片的一种方式，也可以作为水印来防止自己的图片被他人盗取使用，一般要编辑图片上的文字都需要比较专业的图片处理软件例如PS，不过PS的上手难度比较高，对于初学者来说并不友好，而且PS下载也比较麻烦，临时需要处理图片的时候下载软件要耽误非常多的时间，那么应该如何快速编辑图片加字呢？下面来给大家推荐一款编辑图片文字工具，能够非常方便的在图片上编辑文字，也可以作为图片去字工具（https://www.yasuotu.com/jiazi）使用，下面一起看一下吧。
 
1.打开压缩图网站，选择所有功能-图片加字。
 
 
2.进入图片编辑页面，点击选择图片按钮即可上传需要编辑的图片，在左侧菜单栏处点击添加文本按钮即可添加文本框，下方可以选择字体，有多种字体可以选择，在右侧可以输入文字内容以及调整文字颜色、大小等等，点击拖动文本框可以改变位置。
 
 
编辑完成后，点击保存本地就可以把处理好的图片保存下载。
 
 
通过以上三步就完成了编辑图片加字，通过这款工具就可以轻松给照片配文字，有的图片上的水印或者文字位置比较处在图片下方，也可以使用这款工具作为图片去字工具使用，给图片添加文字盖住以往的文字。

如何在照片或者图片上增加文字
 
1、鼠标左键选中照片，点击鼠标右键，选择“编辑”
 
 
2、启动图片编译器
 
 
3、点击工具栏中的“A”，在图片需要添加的位置点击鼠标左键
 
 
4、添加文字输入栏
 
 
5、文字输入“ChengDu I love you”
 
 
6、保存