這篇文章是在閱讀了這篇與智能機(jī)器人聊天的文章總結(jié)出來的感覺對自己有用的方法将塑，這里分享給大家脉顿，同時(shí)也作為自己的一個(gè)備忘吧。
有一張圖片点寥，剛開始時(shí)它是這樣的：
然后我想要的圖片是這樣的：
和這樣的：
要獲得下面的兩種圖片的畫就涉及到圖片的渲染問題了艾疟，首先你得加入如下方法：
- (UIImage *)coloredImage:(UIImage *)image red:(CGFloat)red green:(CGFloat)green blue:(CGFloat)blue alpa:(CGFloat)alpa {
// 獲取圖片大小
CGRect rect = CGRectMake(0, 0, image.size.width, image.size.height);
// 創(chuàng)建位圖繪圖上下文
UIGraphicsBeginImageContextWithOptions(image.size, false, image.scale);
// 獲取位圖繪圖上下文并開始渲染操作
CGContextRef context = UIGraphicsGetCurrentContext();
[image drawInRect:rect];
CGContextSetRGBFillColor(context, red, green, blue, alpa);
CGContextSetBlendMode(context, kCGBlendModeSourceAtop);
CGContextFillRect(context, rect);
// 獲取到繪圖結(jié)果，結(jié)束位圖繪圖上下文并返回繪圖結(jié)果
UIImage *resulet = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return resulet;
}
上面的方法就是對傳入的圖片進(jìn)行染色處理敢辩，相關(guān)的解釋在代碼里有蔽莱。
圖片渲染的輔助方法有了之后就是使用它了，代碼但解釋在代碼注釋里
- (void)viewDidAppear:(BOOL)animated {
NSString *imageName = @"MessageBubble";
UIImage *image = [UIImage imageNamed:imageName];
// 原始的圖片
UIImageView *originView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 200, 48, 35)];
originView.image = image;
// 尖頭向右的圖片
UIImage *rightImage = [self coloredImage:image red:51/255.0 green:123/255.0 blue:214/255.0 alpa:1];
// 設(shè)置可拉伸區(qū)域
rightImage = [rightImage resizableImageWithCapInsets:UIEdgeInsetsMake(17, 21, 17.5, 26.5)];
UIImageView *rightImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 300, 320, 100)];
rightImageView.image = rightImage;
// 尖頭向左的圖片
UIImage *leftImage = [UIImage imageWithCGImage:image.CGImage scale:2.0 orientation:UIImageOrientationUpMirrored];
leftImage = [self coloredImage:leftImage red:255/255.0 green:0.0 blue:0.0 alpa:1];
leftImage = [leftImage resizableImageWithCapInsets:UIEdgeInsetsMake(17, 26.5, 17.5, 21)];
UIImageView *leftImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 450, 320, 100)];
leftImageView.image = leftImage;
// 將他們顯示出來
[self.view addSubview:originView];
[self.view addSubview:rightImageView];
[self.view addSubview:leftImageView];
}
最終頁面的顯示效果如下圖：
