IOS开发－09.图片拉伸不变形

最新推荐文章于 2020-12-15 15:38:27 发布
最新推荐文章于 2020-12-15 15:38:27 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： iOS开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MrRightZJ/article/details/46869223
版权

1.概述

  • 在开发中我们经常会设置控件的背景图片，有时图片太小，而一般系统默认的图片内容显示是填充整个视图的，这个时候若是图片四角是圆角或其他不规则形状的话，在拉伸后会造成图片变形，为了解决这种情况，苹果特别提供了一些方法来保证图片在拉伸后，四角不变形
  • 图例
    这里写图片描述

2.故事板中直接设置

  • 方法1:
    • 在Xcode6之后，我们可以在资源文件中直接设置图片的属性，通过设置slicing属性，默认情况下是none，我们可以设置水平方向拉伸，垂直方向拉伸，以及水平方向和垂直方向都拉伸
      这里写图片描述
      -方法2:
    • 实现原理和方法一类似，只不过更加直观，我们可以直接选择show overView，通过拖拽直接设置可拉伸区域，更加直观
      这里写图片描述
      这里写图片描述

3.代码设置

  • 1.iOS5以前的方法实现原理（了解）
最低0.47元/天 解锁文章
MrRightZJ
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
iOS 图片拉伸的多种方式
Seven丶Echo的博客
11-06 1704
ios图片拉伸   在开发过程中我们经常会遇到一些图片像素不够，需要拉伸放大来作显示，列如聊天背景框需要跟随内容而拉伸适应，但是如果直接改变图片宽高会使得图片变得模糊。所以我们就要来想办法保护一部分图片不做拉伸，只对局部进行拉伸以确保图片不被拉伸变形。这里提供了三种拉伸方式，其原理都是设置保护区域，只对中间一个像素点进行拉伸。 效果展示 左边是直接拉伸宽高 右边是拉伸一个像素点 resiz...
iOS图片实现可拉伸不变形的处理操作
09-02
主要为大家详细介绍了iOS图片实现可拉伸不变形的处理操作，通过UIImage对象调用该方法，并且传入要拉伸的图片的名字作为参数，实现返回一个可拉伸不变形的图片，感兴趣的小伙伴们可以参考一下
IOS 图片拉伸不变形
Goods_boy的博客
07-26 742
(UIImage )imageCreatWithCap:(NSString )imageName { UIImage *image = [UIImage imageNamed:imageName]; // 设置左边端盖宽度 NSInteger leftCapWidth = image.size.width * 0.5; // 设置上边端盖高度 NSInteger topCapHeigh...
iOS图片边框不拉伸，内容拉伸
qq_21649645的专栏
01-04 971
-  (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight; 这个函数是UIImage的一个实例函数，它的功能是创建一个内容可拉伸，而边角不拉伸的图片，需要两个参数，第一个是左边不拉伸区域的宽度，第二个参数是上边不拉伸的高度。 根据设置的宽
iOS 图片拉伸不变形
liukan58的博客
12-25 570
我们在编写程序时，插入图片是经常的，但由于frame的设置问题，会导致变形。 - (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight; 这个方法可以解决问题。 （一）原理 这个函数是UIImage的一个实例函数
iOS 开发中的一个图片变形问题
liubo的博客
12-15 779
在开发中遇到了一个图片变形的问题，其实问题本身不是一个技术问题，但却是一个我们写代码过程中的一个注意点 一般情况下，我们对一个UIImageView布局，宽和高都会写固定，这是没有问题的，但是有些情况下， 会有宽或者高是使用左右上下的约束来确定的，这时候就需要我们计算了 ，因为默认情况下，我们会认为API返回 给我们的图片宽高比是固定的，本文也是在这个条件下的问题，，我们这里是默认是不允许图片裁剪的，所以不要用contentMode来解决问题哦 如图所示的图片变形问题，图片被压扁了 解决
ios-头部视图拉伸不变形.zip
07-11
在iOS开发中，创建用户界面时，我们常常会遇到UITableView这样的滚动视图，它用于展示大量的数据。在UITableView中，头部视图（HeaderInSection）通常用来显示一些特殊的UI元素或者提供额外的信息。标题“ios-头部...
iOS开发之自定义图片拉伸功能
08-30
在iOS开发中，自定义图片拉伸功能是一个重要的图像处理技术，它允许开发者根据需要对图片进行拉伸，以适应不同的尺寸和应用场景，同时保持图片的关键部分（如边角）不变形。这种技术通常用于创建可伸缩的背景、按钮...
ios-拉伸scrollerview图片变大.zip
07-11
在iOS开发中，`UIScrollView` 是一个非常重要的控件，它允许用户在水平或垂直方向上滚动内容，常用于实现长列表、图片浏览等场景。当我们需要在一个`UIScrollView`中展示图片，并且希望图片能够根据`ScrollView`的...
ios 图片拉伸不变形的方法
weixin_30687051的博客
08-27 248
如果一个椭圆图片，原图大小为30*30，而我们让它显示100*30，那么这个图片就会被拉伸，而且效果很难看。用下边的方法可以创建一个局部不被拉伸的图片。 UIImage * buttonBg = [[UIImage imageNamed:@"btn_normal.png"]stretchableImageWithLeftCapWidth:10topCapHeight:0]; 方法说明：...
iOS杂谈－图片拉伸的实现
weixin_34392435的博客
04-23 56
如上图是一个按钮的背景图，在Android上，很多图片资源都是类似这样子的，但是由于按钮的高度及宽度与图片的世纪尺寸不同，所以需要采用9patch来实现拉伸处理， 可参考：http://www.cnblogs.com/loulijun/archive/2011/12/22/2298087.html 原理是通过draw9patch在图片中间画出的一个区域，图片拉伸的时候只拉伸这个区域，而其他...
iOS 图片局部拉伸
路人甲的博客
09-01 2357
1. 使用系统提供api方法实现： 方法一：默认平铺 [image resizableImageWithCapInsets:UIEdgeInsetsMake(10, 5, 10, 5)] 方法二：可选择两种resizingMode，平铺(UIImageResizingModeTile) 和 拉伸(UIImageResizingModeStretch) [image resizableIma...
iOS开发---图片拉伸不变形
yj_zhang的博客
03-01 875
话不多说,直接上代码 //原始大小 UIImage *image1 = [UIImageimageNamed:@"mall_icon_y"]; UIButton *btn1 = [UIButtonbuttonWithType:UIButtonTypeSystem]; [btn1 setBackgroundImage:image1forState:UIControlStateNormal];...
iOS开发UI系列之图片拉伸
文刂Rn的专栏
09-26 292
1. 在Images.xcassets中设置 2. 代码实现图片拉伸(给UIView添加一个分类) 分类头文件 #import @interface UIView (UIViewStretchImage)// 类方法返回一个可拉伸图片+ (UIImage *)resizableImageWithImageName:(NSString *)imageName;@end 分
【iOS开发】 修改Xcode配置解决图片拉伸
Hanrovey Blog
05-06 338
iOS零行代码解决图片拉伸
iOS 返回一张可以随意拉伸不变形的图片 方法
07-12 2355
/** * 返回一张可以随意拉伸不变形的图片 * * @param name 图片名称 */ - (UIImage *)resizableImage:(NSString *)name { UIImage *normal = [UIImage imageNamed:name]; CGFloat w = normal.size.width * 0.5; CGFloat
[IOS]拉伸图片 保持部分不变形
KuroKito的博客
12-25 2328
先上代码和结果UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 100, 200, 200)]; UIImage *image = [UIImage imageNamed:@"方块"]; //拉伸图片 左侧宽度40 上侧高度40 image = [image stretchabl
UIImageView 的contentMode属性应用
weixin_30781631的博客
02-24 142
UIImageView 的contentMode这个属性是用来设置图片的显示方式，如居中、居右，是否缩放等，有以下几个常量可供设定： UIViewContentModeScaleToFillUIViewContentModeScaleAspectFitUIViewContentModeScaleAspectFillUIViewContentModeRedrawUIViewContent...
iOS图片拉伸技巧
热门推荐
M了个J
02-26 15万+
纵观移动市场，一款移动app，要想长期在移动市场立足，最起码要包含以下几个要素：实用的功能、极强的用户体验、华丽简洁的外观。华丽外观的背后，少不了美工的辛苦设计，但如果开发人员不懂得怎么合理展示这些设计好的图片，将会糟蹋了这些设计，功亏一篑。 比如下面张图片，本来是设计来做按钮背景的： button.png，尺寸为：24x60 现在我们把它用作为按钮背景，按钮尺寸是150x50： //
ysgc-ios-v2.0.0.ipa
最新发布
09-08
ysgc-ios-v2.0.0.ipa代表该应用的版本为2.0.0，并且该应用是为iOS平台设计和开发的。这意味着它可以在iPhone、iPad和iPod Touch等苹果设备上运行。 通过将ysgc-ios-v2.0.0.ipa文件安装到iOS设备上，用户可以享受到...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值