iOS-图片拉伸,最常用的图片拉伸操作总结(干货)
发布日期:2021-10-24 14:20:43 浏览次数:4 分类:技术文章

本文共 2071 字,大约阅读时间需要 6 分钟。


概念介绍

直接拉伸图片有时候会导致图片四周变的很模糊所以要想办法使图片四周的形状不变。于是,端盖(end cap)的概念出来了,用来指定图片中的哪一部分不用拉伸。比如下图中,黄色代表需要被拉伸的矩形区域,上下左右不需要被拉伸的边缘(红色区域)就称为端盖。

778724-20150913111101325-1805685875.png

具体实现

方法一:


使用UIImage的这个方法,可以通过设置端盖宽度返回一个经过拉伸处理的UIImage对象

- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;

这个方法只有2个参数,leftCapWidth代表左端盖宽度,topCapHeight代表顶端盖高度。系统会自动计算出右端盖宽度(rightCapWidth)和底端盖高度(bottomCapHeight),算法如下(系统自己计算的,不用程序员计算):

rightCapWidth = width - leftCapWidth - 1bottomCapHeight = height - topCapHeight - 1

举例:

UIImage *image1 = [UIImage imageNamed:@"imageName"];UIImage *image2 = [image1 stretchableImageWithLeftCapWidth:image1.size.width * 0.5 topCapHeight:image1.size.height * 0.5];

方法二:

在iOS 5.0中,UIImage又有一个新方法可以处理图片的拉伸问题

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets NS_AVAILABLE_IOS(5_0);

这个方法只接收一个UIEdgeInsets类型的参数,可以通过设置UIEdgeInsets的left、right、top、bottom来分别指定左端盖宽度、右端盖宽度、顶端盖高度、底端盖高度

举例:

UIImage *image1 = [UIImage imageNamed:@"imageName"];UIImage *image2 = [image1 resizableImageWithCapInsets:UIEdgeInsetsMake(5, 5, 5, 5)];

方法三:

在iOS 6.0中,UIImage又有一个新方法可以处理图片的拉伸问题

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode NS_AVAILABLE_IOS(6_0);

对比iOS5.0中的方法,只多了一个UIImageResizingMode参数,用来指定拉伸的模式:

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

举例:

UIImage *image1 = [UIImage imageNamed:@"imageName"];UIImage *image2 = [image1 resizableImageWithCapInsets:UIEdgeInsetsMake(5, 5, 5, 5) resizingMode:UIImageResizingModeStretch];

方法四:

你可以选中你要拉伸的图片,然后直接在xcode中设置拉伸

这里写图片描述

总结:

使用技巧:

除了以上方法的灵活使用之外,在具体项目中,可以将拉伸的图片的方法封装到UIImage的分类方法中,然后在使用的地方直接引入头文件并调用。

举例:
.h文件中:

/** *  返回一张可以拉伸的图片 * *  @param name 图片名 * *  @return 可以拉伸的图片 */+ (instancetype)resizableImage:(NSString *)name;

.m文件中:

+ (instancetype)resizableImage:(NSString *)name{    UIImage *image = [self imageNamed:name];    return [image stretchableImageWithLeftCapWidth:image.size.width * 0.5 topCapHeight:image.size.height * 0.5];}

转载于:https://www.cnblogs.com/66it/p/4804208.html

转载地址:https://blog.csdn.net/weixin_30791095/article/details/98003807 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:网站设计的三个“中国式设计”方向
下一篇:codeforce645C_尺取法

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年03月11日 01时38分14秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

oracle 排序的分析函数,Oracle SQL:使用分析排序函数 2019-04-21
oracle direct for hdfs xi下载,ORACLE连接HDFS有个专项的解决方案 2019-04-21
java 403怎么抛出_java – 如何在Spring MVC中返回403禁止? 2019-04-21
java jsch工具类_Java工具集-JSch连接远程服务器工具类 2019-04-21
cmd背景变红1003无标题_怎样修改cmd中文字的大小、颜色和背景颜色呢 原来是这样的... 2019-04-21
php rand() 重复,php – mt_rand()给我总是相同的数字 2019-04-21
php taglib.php,thinkphp5 taglib自定义标签教程 2019-04-21
java常用包类 array,Java中的StringBuffer和数组Arrays以及常用类型的包装类 2019-04-21
ctf常见php,CTF中常见的PHP伪协议 2019-04-21
php语言冒泡法,PHP 冒泡排序法 2019-04-21
php如何数组去重复,PHP如何去除数组重复元素? 2019-04-21
java转换ab的值,查看新闻/公告--[整理]Java将AB1234形式的16进制字符串转换为10进制数值,考虑字节序的影响.... 2019-04-21
ui php h5,画出自己的UI组件的详情 2019-04-21
linux服务文件编写,linux编写systemd下服务脚本 2019-04-21
hdfs linux 目录是否存在,Linux中判断hdfs文件是否存在 2019-04-21
linux学习需要什么基础,学linux需要什么基础? 2019-04-21
linux vim编辑kconfig 无法wq,Linux-4.9.2内核在mini2440上的移植(三)——编译环境测试... 2019-04-21
高斯勒让德在c语言中的程序,c语言:用递归方法编写程序,求n阶勒让德多项式的值... 2019-04-21
c语言单片机电子时钟,新人求个51单片机的电子时钟汇编语言(C语言的还没学到)... 2019-04-21
c++语言文件流,C++文件流 2019-04-21