在IM应用当中,我们的聊天页面再熟悉不过了,在聊天页面中每条消息都有一个背景气泡,但是在微信中呢,图片的背景气泡却没有,而是图片本身成为了一个气泡的样式,我们来看看微信的样式是怎么样的,今天就来实现这样一种样式: 其实实现起来还是很简单的,说一下思路: 我准备用CAShapeLayer来实现,具体的做法就是:
废话少说 我们上代码 准备一张这种图片 然后 神奇的事情来了 几行代码搞定 CGRect frame = CGRectMake(100, 100, 100, 150); UIImageView *image = [[UIImageView alloc] initWithFrame:frame]; CAShapeLayer *layer = [CAShapeLayer layer]; layer.frame = image.bounds; layer.contents = (id)[UIImage imageNamed:@"chat_box_blue"].CGImage; layer.contentsCenter = CGRectMake(0.5, 0.5, 0.1, 0.1); layer.contentsScale = [UIScreen mainScreen].scale; image.layer.mask = layer; image.layer.frame = image.frame; image.image = [UIImage imageNamed:@"image"]; [self.view addSubview:image]; 看一下效果 好差不多 |
|