Asset Catalog Help (十)---Specifying a Resizable Area of an Image
Specifying a Resizable Area of an Image
Use the Xcode Slicing feature to specify the dimensions of a resizable center area of the image and to optionally specify end caps, which are areas of the image that should not be filled by the resizable area.
Select an asset catalog to display its contents.
选择asset catalog显示其内容。
In the set list, select the set containing the image to slice.
在图片集列表中,选择需要切片图片所在的图片集
In the set viewer, select the image representation to slice, and choose Editor > Show Slicing.
在图片集查看区(set viewer), 选择需要切片的图片,选择Editor > Show Slicing.
Click the Start Slicing button that is displayed over the center of the image.
点击图片中央的Start Slicing按钮。
Click the appropriate button for the slicing operation you want to perform—horizontal, vertical, or both horizontal and vertical.
Use the Zoom In and Zoom Out buttons to increase or decrease the magnification of the image.
点击你想要调整大小的方向的切片操作---水平,垂直或两者都选。使用放大和缩小按钮来增加或缩小图片的尺寸。
Drag the inner slicing handle to specify a resizable center area.
拖动内部的切片手柄(inner slicing handle)来指定一个可调整大小中心区域。
In the horizontal slicing example shown below, the resizable area is the 2-pixel-wide sliver specified between the left slicing handle and the inner slicing handle. At runtime, the resizable area replaces the opaque area of the image.
在下面显示的横向切片例子中,可调整大小区域是Left slicing handle 和 Inner slicing handle之间的2个像素宽的小条。 运行时,可调整大小区域将填充图片的不透明区域。
Drag the outer slicing handles to adjust the size of the end caps.
拖动外面的切片手柄(slicing handle)来调整end caps(不可调整大小区域)的尺寸。
Use the Attributes inspector to fine-tune the size of the areas and to specify whether the resizable center area should stretch or tile.
使用Attributes inspector 来微调(fine-tune)区域的尺寸,并指定可调整大小中心区域是该拉伸(stretch)或平铺(tile)。
To improve app performance, you can use resizable images for the background of many UI elements, including buttons, tab bars, and popovers. For example, you can create a resizable image that includes four end caps to define the four corners of a button. When the image is resized to fill the button’s background area, the portions defined by the end caps are drawn unchanged.
为了增强应用程序的性能,你可以给很多UI元素的背景使用可调整大小的图片,包括按钮,标签栏(tab bars)以及popovers。 比如,你可以创建一个使用可调整大小的图片的按钮,它包含四个end cap来定义按钮的四个角。 当该图片被用作按钮的背景图片时,由end caps定义的四个角绘制时不会改变。
Slicing is available only for projects with a target destination greater than iOS 7 or OS X v10.10.
切片功能只在iOS7 或 OS X v10.10版本或以上版本的项目中才能使用。
Related Articles
相关文章
Asset Catalog Help (十)---Specifying a Resizable Area of an Image的更多相关文章
- Asset Catalog Help (五)---Migrating an iOS App Icon Set or Launch Image Set
Migrating an iOS App Icon Set or Launch Image Set Simplify image management by moving existing app i ...
- iOS-----About Asset Catalog
About Asset Catalogs Use asset catalogs to simplify management of images that are used by your app a ...
- Asset Catalog Help (二)---Creating an Asset Catalog
Creating an Asset Catalog Create an asset catalog to simplify management of your app’s images. 创建一个a ...
- 【译】4个你需要知道的Asset Catalog的秘密
本文由CocoaChina译者 @唧唧歪歪 翻译,作者:Hector Matos 原文:4 XCODE ASSET CATALOG SECRETS YOU NEED TO KNOW 恶梦 想象你正在干 ...
- Asset Catalog Creator Free 生成程序内图标的软件
Asset Catalog Creator Free 生成程序内图标的软件
- Invalid App Store Icon. The App Store Icon in the asset catalog in 'xxx.app' can’t be transparent nor contain an alpha channel.
1.向appstore上传应用的时候,报了这样一个错误 ERROR ITMS-90717: "Invalid App Store Icon. The App Store Icon in th ...
- Asset Catalog Help (十一)---Removing Images and Sets
Removing Images and Sets Optimize the size of an asset catalog by removing unused images or sets. 通过 ...
- Asset Catalog Help (九)---Changing Image Set Names
Changing Image Set Names Use the Attributes inspector to edit a set’s name. 使用属性检查器(Attributes inspe ...
- Asset Catalog Help (八)---Customizing Image Sets for Devices
Customizing Image Sets for Devices Add images to a set that are customized for display on the device ...
随机推荐
- Topcoder SRM625 题解
给出一个字符串求是palindrome和anagram的比率是多少. 知识点: 1 DBL_MAX 64位double的最长数大概是1.7E308,非常大非常大,比long long大上不知多少倍.故 ...
- python訪问redis
python訪问redis 1 Linux上安装redis a) 下载 $ wget http://download.redis.io/releases/redis-3.0.5.tar.gz b) 编 ...
- HTML marquee标签
marquee语法 <marquee></marquee> 实例一<marquee>Hello, World</marquee> marquee常 ...
- iOS用户是否打开APP通知开关跳转到系统的设置界面
1.检测用户是否打开推送通知 /** 系统通知是否打开 @return 是否打开 */ //检测通知是否打开iOS8以后有所变化 所以需要适配iOS7 + (BOOL)openThePushNoti ...
- 优化梯度计算的改进的HS光流算法
前言 在经典HS光流算法中,图像中两点间的灰度变化被假定为线性的,但实际上灰度变化是非线性的.本文详细分析了灰度估计不准确造成的偏差并提出了一种改进HS光流算法,这种算法可以得到较好的计算结果,并能明 ...
- 一个兼容性比较好的图片左右滚动的js
下载地址:http://www.cnblogs.com/RightDear/admin/Files.aspx 文件:shhds.rar
- 用live555做流媒体转发服务器?
当我们看到这里,说明大家都有这样的一个想法:那就是如何用live555实现一个直播代理转发的流媒体服务器? 我们先不着急去讨论用live555实现流媒体转发的技术方法123,先从live555的整个架 ...
- struts2的输入检验
一.输入校验简介 一个健壮的Web应用程序必须确保用户输入是合法的.比如在注册用户的时候,将用处注册信息保存到数据库之前一般我们会判断用户输入的密码长度是否过短,或者用户的email地址格式是否正确. ...
- scrollify 全屏滚动插件
使用 1.引入文件 <script src="js/jquery.min.js"> </script> <script src="js/jq ...
- js 数据获取
http://www.cnhan.com/shantui/templates/MC500/TP001/js/template.js var qiaoContent="0";//0默 ...