在ios中.9.png怎么使用
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在ios中.9.png怎么使用相关的知识,希望对你有一定的参考价值。
参考技术A ios应用是,xcode会对PNG文件进行优化,这样图片预览就无法显示。那么如何查看这些经过优化的文件呢? 优化的动作是由pngcrush 工具完成的,你可以再xcode中找到。pngcrush 支持命令行选项-revert-iphone-optimizations。 这个选项可以支持撤销在xcode编译过程中进行的优化。所以,想要查看经过优化的文件,你应该先撤销优化,然后使用图片预览打开。 下面的代码是如何使用pngcrush工具将经过ios优化的png图片(local.png)转换为一个标准的png文件(local-standard.png) $ /Applications/Xcode.app/Contents/Developer /Platforms/iPhoneOS.platform/Developer/usr/bin/pngcrush -revert-iphone-optimizations -q Local.png Local-standard.png 如果xcode并不是安装在标准的位置,你可以使用xcode-select查找到工具的位置: $ `xcode-select -print-path` /Platforms/iPhoneOS.platform/Developer/usr/bin/pngcrush -revert-iphone-optimizations -q Local.png Local-standard.png在 iOS 中使用 javascript 预加载图像
【中文标题】在 iOS 中使用 javascript 预加载图像【英文标题】:Image preloading with javascript in iOS 【发布时间】:2011-11-04 05:29:54 【问题描述】:场景
我使用两个图像,即“car-light.png”和“car-dark.png”。当用户触摸图像时,它是 car-light.png,它变成了 car-dark.png。
这是我使用的代码。
<img src="car-light.png" id="car" ontouchstart="changeCar()">
在changeCar()中,我写了这段代码
$("#car").attr('src','url(car-dark.png)');
问题
有没有办法通过预加载图像来加快速度?还是我对快速加载时间的要求太大了?如果是需要预加载的情况,下面的代码是否正确?
var img1 = new Image();
img1.src = "car-dark.png";
function changeCar(imgName)
document[imgName] = img1;
在 HTML 中
<img src="car-light.png" name="car" ontouchstart="changeCar('car')">
【问题讨论】:
【参考方案1】:把它放在你的启动 JS 代码中的某个地方会预加载图像:
var img1 = new Image();
img1.src = "car-dark.png";
这将导致图像位于浏览器缓存中,因此如果您稍后在页面操作中使用它,它将快速加载。您可以直接使用 img1 对象,但通常只使用 URL 并让浏览器从它的内存缓存中获取图像会更容易,如下所示:
<img src="car-light.png" id="car" ontouchstart="changeCar()">
function changeCar()
$("#car").attr('src','car-dark.png');
【讨论】:
我在 onBodyLoad() 中添加了前两行。但是, $("#car").attr('src','car-dark.png') 返回了 ?而不是图像。不应该有一个url(car-dark.png)吗?另外,那么创建 img1 图像对象有什么意义呢? 前两行 javascript 应该在页面加载时立即执行(您不需要等待页面加载来执行它们)。这行 JS$("#car").attr('src','car-dark.png');
将在一段时间后执行以响应某些用户操作。你不要在它周围使用url()
,除非这是你的应用程序中的一些特殊功能。它不是一个标准,所以我不熟悉它或为什么会使用它。以上是关于在ios中.9.png怎么使用的主要内容,如果未能解决你的问题,请参考以下文章
Android Studio制作.9.png图片,使用时的报错提示:Duplicate resources
Android: 制作 Nine-Patch 图片(.9图片)