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

2025-11-11 01:34:23

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开发 实现气泡图片指定部位拉伸

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢