手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

iOS开发 实现气泡图片指定部位拉伸

时间:2024-10-13 07:29:54

1、创建工程项目和视图控制器 1、创建一个Sing View Application工程项目; 2、为项目命名,生成工程文件。

iOS开发 实现气泡图片指定部位拉伸

2、添加UIImageView显示气泡 在Main.storyboard的ViewController拖进5个UIImageView,用作对比效果。做好UI约束。

iOS开发 实现气泡图片指定部位拉伸

3、Storyboard与ViewController对象关联

iOS开发 实现气泡图片指定部位拉伸

4、设置不拉伸的图片 1、添加气泡图片bubble_image到工程中 2、设置imageView.contentMode 3、显示imageView.image

iOS开发 实现气泡图片指定部位拉伸

5、显示各种效果 由于原图太小,拉伸会变模糊,拉伸会变形,所以明显看出这样的效果不合适。

iOS开发 实现气泡图片指定部位拉伸

6、需要用到端盖(end cap)的概念来实现 根据图片大小,大概算出需要拉伸的区域,得出UIEdgeInsets。这里的大概为:UIEdgeInsetsMake(15, 10, 10, 30);)(上,左,下,右)

iOS开发 实现气泡图片指定部位拉伸

7、实现拉伸变形 UIEdgeInsets insets = UIEdgeInsetsMake(15, 10, 10, 30); image = [image resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];

iOS开发 实现气泡图片指定部位拉伸

8、效果 UIImageResizingModeStretch: 拉伸模式,通过拉伸UIEdgeInsets指定的矩形区域来填充图片 UIImageResizingModeTile: 平铺模式,通过重复显示UIEdgeInsets指定的矩形区域来填充图片

iOS开发 实现气泡图片指定部位拉伸

9、如果您喜欢,请按投票;如果有疑问,欢迎一起探讨。

iOS开发 实现气泡图片指定部位拉伸
© 手抄报圈