iOS 图片的聊天气泡显示 Objective-C 和 Swift,如何实现聊天软件的图片显示的剪裁后的气泡呢!!!

最新推荐文章于 2025-07-16 11:38:14 发布

原创最新推荐文章于 2025-07-16 11:38:14 发布 · 4.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#iOS聊天气泡 #图片 #聊天图片气泡 #Objective-C #Swift

移动开发_iOS学习笔记专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在iOS应用中使用Objective-C和Swift实现聊天图片的气泡显示，特别是图片剪裁成聊天气泡形状的技术细节。

如何实现聊天软件的图片显示的剪裁后的气泡呢

Objective-C:

<pre name="code" class="objc">- (void)viewDidLoad {
    [super viewDidLoad];
    
    UIImageView *ImageView01 = [[UIImageView alloc] init];
    [ImageView01 setFrame:CGRectMake(90, 190, 120, 180)];
    [ImageView01 setImage:[UIImage imageNamed:@"style.jpg"]];
    [self.view addSubview:ImageView01];
    
    UIImage *bubble = [UIImage imageNamed:@"icon_chat_right_bg"];
    UIImageView *ImageView = [[UIImageView alloc] init];
    [ImageView setFrame:ImageView01.frame];
    [ImageView setImage:[bubble stretchableImageWithLeftCapWidth:15 topCapHeight:15]];
    
    CALayer *layer              = ImageView.layer;
    layer.frame                 = (CGRect){{0,0},ImageView.layer.frame.size};
    ImageView01.layer.mask = layer;
    [ImageView01 setNeedsDisplay];
}

Swift:

override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        var imageview01 = UIImageView(frame: CGRectMake(90, 190, 120, 180))
        imageview01.image = UIImage(named: "style.jpg")
        self.view.addSubview(imageview01)
        
        var imageview02 = UIImageView(frame: imageview01.frame)
        imageview02.image = UIImage(named: "icon_chat_right_bg")?.stretchableImageWithLeftCapWidth(15, topCapHeight: 15)
        
        var layer = imageview02.layer
        layer.frame = CGRect(origin: CGPointZero,size: imageview02.layer.frame.size)
        imageview01.layer.mask = layer
        
    }