iOS图片拉伸的多种方式

2024-04-05 06:25:29

本文实例为大家分享了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的实际开发中,如果我们把一张有图片(有特别形状的,特别是类似有圆角的图片)放在UIButton中,当UIButton改变大小是,图片可能会被拉伸并且产生变形,我们可以通过-(UIImage *)resizableImageWithCapInsets:resizingMode:方法(通过UIImage对象调用该方法,并且传入要拉伸的图片的名字作为参数)实现返回一个可拉伸不变形的图片,这里我们把这个方法写到UIImage类的分类中把它封装起来,日后的iOS开发中我们可以直接拿来使用: UII
iOS图片拉伸的4种方法

假如下面的一张图片,是用来做按钮的背景图片的,原始尺寸是(128 * 112) 按钮背景图片.png 我们通过代码将这张图片设置为按钮的背景图片,假如我们将创建好的按钮的宽高设置为:(W=200, H=50)代码如下: // // ViewController.m // iOS图片拉伸总结 // // Created by Sunshine on 15/6/29. // Copyright (c) 2015年 YotrolZ. All rights reserved. // #import "V
iOS 解决按钮背景图片拉伸问题(推荐)

问题如图: 设置按钮的背景图片被拉伸解决方案 - (void)awakeFromNib { [super awakeFromNib]; //让背景图片不要拉伸 UIImage *image = _loginRegisterBtn.currentBackgroundImage; image = [image stretchableImageWithLeftCapWidth:image.size.width / 2 topCapHeight:image.size.height / 2]; [_lo
iOS UIImageView图片自动拉伸功能

本文实例为大家分享了iOS图片自动拉伸的具体代码,供大家参考,具体内容如下这个是使用一个切片,使其填充到整个NavigationBar上面. - (void)viewDidLoad { [super viewDidLoad]; UIImage *smallImage = [UIImage imageNamed:@"hc_03.png"]; UIImageView *imageView = [[UIImageView alloc] initWithImage:smallImage];
iOS中实现图片自适应拉伸效果的方法

前言在Android中实现图片的拉伸特别特别简单,甚至不用写一行代码,直接使用.9图片进行划线即可.但是iOS就没这么简单了,比如对于下面的一张图片(原始尺寸:200*103): 我们不做任何处理,直接将它用作按钮的背景图片: // // ViewController.m // ChatBgTest // // Created by 李峰峰 on 2017/1/23. // Copyright © 2017年李峰峰. All rights reserved. // #import "View
iOS应用开发中图片的拉伸问题解决方案

纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能.极强的用户体验.华丽简洁的外观.华丽外观的背后,少不了美工的辛苦设计,但如果开发人员不懂得怎么合理展示这些设计好的图片,将会糟蹋了这些设计,功亏一篑. 比如下面张图片,本来是设计来做按钮背景的: button.png,尺寸为:24x60 现在我们把它用作为按钮背景,按钮尺寸是150x50: 复制代码代码如下: // 得到view的尺寸 CGSize viewSize = self.view.bound
iOS图片拉伸的多种方式

本文实例为大家分享了iOS图片拉伸的具体代码,供大家参考,具体内容如下 1. UIImageView整体拉伸 UIImageView-contentMode typedef NS_ENUM(NSInteger, UIViewContentMode) { UIViewContentModeScaleToFill, // 默认拉伸(会变形) UIViewContentModeScaleAspectFit, // 等比例拉伸 UIViewContentModeScaleAspectFill, //
iOS图片拉伸小技巧

纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能.极强的用户体验.华丽简洁的外观.华丽外观的背后,少不了美工的辛苦设计,但如果开发人员不懂得怎么合理展示这些设计好的图片,将会糟蹋了这些设计,功亏一篑. 比如下面张图片,本来是设计来做按钮背景的: button.png,尺寸为:24x60 现在我们把它用作为按钮背景,按钮尺寸是150x50: // 得到view的尺寸 CGSize viewSize = self.view.bounds.size; // 初
iOS图片拉伸技巧（iOS5.0、iOS6.0）

纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能.极强的用户体验.华丽简洁的外观.华丽外观的背后,少不了美工的辛苦设计,但如果开发人员不懂得怎么合理展示这些设计好的图片,将会糟蹋了这些设计,功亏一篑. 比如下面张图片,本来是设计来做按钮背景的: button.png,尺寸为:24x60 现在我们把它用作为按钮背景,按钮尺寸是150x50: - (void)viewDidLoad { [super viewDidLoad]; // 得到view的尺寸 CG
iOS图片拉伸的方法

假如下面的一张图片,是用来做按钮的背景图片的,原始尺寸是76 × 40 我们通过代码将这张图片设置为按钮的背景图片,假如我们将创建好的按钮的宽高设置为:(W=200, H=50)代码如下: // 初始化按钮 UIButton *button = [[UIButton alloc] init]; // 设置尺寸 button.frame = CGRectMake(100, 200, 200, 50); // 加载图片 UIImage *image = [UIImage imageNamed:@"p
iOS图片拉伸技巧小结

对于有些图标等按钮在美工设计的按钮下可以通过拉伸效果处理所需效果,最熟悉的莫过于微信聊天的椭圆背景,也是通过这个这个原理进行背景图片. 如对该图片拉伸,如何操作? 首先找到要拉伸的部分,很明显两侧椭圆是不变要拉伸的是中间部分,如何指定中间部位,先看下图指定这4个宽度后会形成黑色模块直白点就是这块内容就是拉伸后中间那块不断填充的部分具体代码: UIImage* img=[UIImage imageNamed:@"2.png"];//原图 UIEdgeInsets edg
IOS 图片存放3种方式的实现

Image.xcassets 创建 .xcassets,以 Image Set 形式管理图片,添加图片后会生成对应的 content.json 文件加入 @2x 和 @3x 等倍图后,打包后以 Assets.car 的形式存在, 使用 [UIImage imageNamed:@"xxx"] 方式读取图片,可以使用图片缓存 -- 相当于创建了一个 key-value的字典,key 为图片名,value 为图片对象.创建图片对象后,该对象被加入到 NSCache 中(解码后的 Image
iOS模仿微信长按识别二维码的多种方式

参考:https://github.com/nglszs/BCQRcode 方式一: #import <UIKit/UIKit.h> @interface ViewController : UIViewController @end ************** #import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDid
iOS开发之自定义图片拉伸功能

需求为了减小app体积,同时为了适配不同尺寸屏幕或不同应用场景,很多图片素材都是标准通用的,比如IM消息气泡.按钮阴影效果等,但直接使用这些素材会产生一些问题,假如我们需要实现以下效果,即使用图片为账号密码输入框添加阴影效果: 图片素材: 直接使用图片实现的效果与需求效果对比: 经过自定义拉伸调整过后,最终效果: 实现将storyboard中的控件关联到代码文件中,accountTextBgImageView 为textFiled 下的背景图片视图,实现代码如下: UIImage *text

iOS图片拉伸的多种方式

相关推荐

随机推荐