IOS 图片拉伸技巧

对于有些图标等按钮 在美工设计的按钮下可以通过拉伸效果处理所需效果,最熟悉的莫过于微信聊天的 椭圆背景,也是通过这个这个原理进行背景图片。

 如对该图片拉伸,如何操作? 首先找到要拉伸的部分,很明显 两侧椭圆是不变 要拉伸的是中间部分,如何指定中间部位,先看下图

指定这4个宽度后 会形成黑色模块 直白点就是 这块内容就是拉伸后中间那块不断填充的部分

具体代码:

1     UIImage* img=[UIImage imageNamed:@"2.png"];//原图
2     UIEdgeInsets edge=UIEdgeInsetsMake(0, 10, 0,10);
3     //UIImageResizingModeStretch:拉伸模式,通过拉伸UIEdgeInsets指定的矩形区域来填充图片
4     //UIImageResizingModeTile:平铺模式,通过重复显示UIEdgeInsets指定的矩形区域来填充图
5    img= [img resizableImageWithCapInsets:edge resizingMode:UIImageResizingModeStretch];
6     self.imageView.image=img;

拉伸后效果:

时间: 2024-10-01 16:18:52

IOS 图片拉伸技巧的相关文章

iOS图片拉伸小技巧_IOS

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

IOS中图片(UIImage)拉伸技巧

IOS中图片拉伸技巧与方法总结 一.了解几个图像拉伸的函数和方法 1.直接拉伸法 简单暴力,却是最最常用的方法,直接将图片设置为ImageView的image属性,图片便会随UIImageView对象的大小做自动拉伸.这种拉伸的方法有一个致命的缺陷,它会使图像发生失真与形变. 2.像素点的拉伸 - (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHe

iOS图片实现可拉伸不变形的处理操作_IOS

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

IOS使用xcode可视化图像编辑功能进行图片拉伸

IOS中可视化拉伸图片技巧 一.补充 在我的另一篇博客http://my.oschina.net/u/2340880/blog/403996中探讨了IOS拉伸图像(UIImage)的几种方法和一些小经验,这篇是一个补充,再将xcode中的另一种可视化拉伸图像的方法的使用介绍给大家. 二.如何使用 IOS开发文档中的描述:https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/Sli

使用JavaScript解决网页图片拉伸问题(推荐)_javascript技巧

问题描述 这段时间在做PM的需求的时候突然发现一个问题,产品上的图片来自多个第三方,具体的尺寸无法确定,如果直接在样式中写死图片的尺寸大小就会出现图片拉伸的现象,十分影响产品的美观,因此希望可以找到一个比较好的解决方案.自己先做了一个简单的demo来展示问题. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <

iOS开发实用技巧—项目新特性页面的处理

iOS开发实用技巧篇-项目新特性页面的处理 说明:本文主要说明在项目开发中会涉及到的最最简单的新特性界面(实用UIScrollView展示多张图片的轮播)的处理. 代码示例: 新建一个专门的处理新特性界面的控制器,可以实用代码也可以用xib,在这里实用纯代码方式,创建一个控制器NewfeatureViewController. 头文件代码: 1 // 2 // JMNewfeatureViewController.h 3 // 4 5 #import <UIKit/UIKit.h> 6 7 t

利用jQuery和CSS将背景图片拉伸_jquery

现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果.本文将带您一起使用jQuery和CSS实现背景图片拉伸效果. 将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果,本文讨论的是背景图片的拉伸效果.这种效果在一些前卫的页面设计中已经广泛应用,尤其在一些独立页面,像登录页面使用拉伸的背景图片效果比较

怎样从ppt中提取图片?PowerPoint图片提取技巧

  看到人家的PPT各种精美,无论是背景装饰素材还是图片都很好看想要占为己有该如何操作?怎样从ppt中提取图片?接下来小编就为大家带来PowerPoint图片提取技巧. 怎样从ppt中提取图片?PowerPoint图片提取技巧 在这里小编要为大家介绍一个让你详见恨晚的PowerPoint教程,这个技巧学会了比单独截图保存图片省事得多: 把ppt文件的后缀格式改为".rar",然后使用解压软件将其解压开来,在文件夹中就可以很轻松的看到所有原PPT中的图片了,方便得很!

Photoshop详细抠出火焰图片的技巧

  Photoshop详细抠出火焰图片的技巧          抠火焰分为真抠和假抠,所谓真抠就是最后的结果不挑背景且不依赖于图层混合模式.看过很多抠火焰的,假抠的居多,当然,两者没有高下之分. 要求将火焰抠出来,最后放到蓝色背景上,小伙伴们准备好了吗? 1.浅色混合模式抠取火焰(假抠) 新建透明图层,填充蓝色作为背景; 复制背景图,并将背景副本放到顶层,设置模式为浅色模式. 效果: 图层调板: 2.色彩范围抠取火焰(真抠) 效果评级:一般 新建透明图层,填充蓝色作为背景; 复制背景图,并将背景