在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设计中的.9.png图片

Android程序猿自己动手制作.9.png图片

Android: 制作 Nine-Patch 图片(.9图片)

android sdk 没找到draw9patch.bat 如何制作.9.png 格式图片

Android studio 开发中怎样制作.9.png的图片