iOS图片拉伸的多种方式

本文实例为大家分享了iOS图片拉伸的具体代码，供大家参考，具体内容如下

1. UIImageView整体拉伸

UIImageView-contentMode

typedef NS_ENUM(NSInteger, UIViewContentMode) {
 UIViewContentModeScaleToFill,   // 默认 拉伸（会变形）
 UIViewContentModeScaleAspectFit,  // 等比例拉伸
 UIViewContentModeScaleAspectFill,  // 等比例填充
 UIViewContentModeRedraw,    // redraw on bounds change (这个不清楚) 
 UIViewContentModeCenter,    // 下面的就是不拉伸按位置显示了
 UIViewContentModeTop,
 UIViewContentModeBottom,
 UIViewContentModeLeft,
 UIViewContentModeRight,
 UIViewContentModeTopLeft,
 UIViewContentModeTopRight,
 UIViewContentModeBottomLeft,
 UIViewContentModeBottomRight,
};

demo：https://github.com/vitoziv/VICMAImageView

2. UIImage局部拉伸

// 按4边间距显示不拉伸的区域
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets NS_AVAILABLE_IOS(5_0); 
// 按2点拉伸
- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode;
// 拉伸模式
typedef NS_ENUM(NSInteger, UIImageResizingMode) {
 UIImageResizingModeTile,//进行区域复制模式拉伸
 UIImageResizingModeStretch,//进行渐变复制模式拉伸
};

3.UIImage修改大小

//内缩放，一条变等于最长边，另外一条小于等于最长边
- (UIImage *)scaleToSize:(CGSize)newSize {
 CGFloat width = self.size.width;
 CGFloat height= self.size.height;
 CGFloat newSizeWidth = newSize.width;
 CGFloat newSizeHeight= newSize.height;
 if (width <= newSizeWidth &&
  height <= newSizeHeight) {
  return self;
 }
 
 if (width == 0 || height == 0 || newSizeHeight == 0 || newSizeWidth == 0) {
  return nil;
 }
 CGSize size;
 if (width / height > newSizeWidth / newSizeHeight) {
  size = CGSizeMake(newSizeWidth, newSizeWidth * height / width);
 } else {
  size = CGSizeMake(newSizeHeight * width / height, newSizeHeight);
 }
 return [self drawImageWithSize:size];
}
- (UIImage *)drawImageWithSize: (CGSize)size {
 CGSize drawSize = CGSizeMake(floor(size.width), floor(size.height));
 UIGraphicsBeginImageContext(drawSize);
 
 [self drawInRect:CGRectMake(0, 0, drawSize.width, drawSize.height)];
 UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
 UIGraphicsEndImageContext();
 return newImage;
}

4.images.xcassets

多亏了Xcode中Asset Catalog的slice和dice，我们不需要代码也能拉伸图片。首先在Xcode中选中图片，然后点击右下角的Show Slicing：

你现在应该能看到slicing 面板和一个按钮"Start Slicing"。

在你点击按钮之后，会显示下面的三个选项：

左边的按钮用于horizontal edge insets，右边的按钮用于vertical edge insets，中间的则是两个都有。在我们的例子中要保留圆角，所以我们按中间的按钮，告诉系统我们想要按钮的中间在水平和垂直方向拉伸。在按下按钮之后，就能看到一些可以拖动的细条，这可以设置从哪里开始拉伸图片。

系统会保留深紫色的区域，浅紫色的区域会被拉伸。

更厉害的是，Xcode自动找到了圆角，所以我们不需要设置从哪里开始拉伸图片。最后别忘了在Attribtues pane中设置图片是可拉伸的。

如果我是你的话，我就会尝试并习惯这个功能。有了这个无价之宝，你就不用再在resizableImageWithCapInsets方法中填写那些神奇的数字了，也能帮助你分离view逻辑和app逻辑。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# iOS图片拉伸 # iOS # UIImageView整体拉伸 # Image局部拉伸 # iOS tableView实现头部拉伸并改变导航条渐变色 # iOS实现头部拉伸效果 # iOS图片实现可拉伸不变形的处理操作 # iOS图片拉伸的4种方法 # iOS应用开发中图片的拉伸问题解决方案 # iOS中实现图片自适应拉伸效果的方法 # iOS图片拉伸小技巧 # iOS 解决按钮背景图片拉伸问题(推荐) # iOS UIImageView图片自动拉伸功能 # iOS tableview实现顶部拉伸效果 # 不需要 # 也能 # 的是 # 圆角 # 就会 # 都有 # 你就 # 就能 # 则是 # 无价之宝 # 等比例 # 不清楚 # 从哪里 # 你现在 # 拖动 # 按下 # 别忘了 # 大家分享 # 这可 # 中要

返回目录在线咨询

上一篇：Python项目结构系统学习路线第518讲_核心原理与实战案例详解【技巧】
下一篇：在亚马逊RDS上迁移现有数据库有哪些步骤？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

iOS图片拉伸的多种方式

您的项目需求