`
rayln
  • 浏览: 433992 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Retina屏幕的支持

 
阅读更多
1。 由于retina和普通屏像素相差2倍,所以需要一套高清图片
修改非常简单,

例如:
普通图片
image.png
高清图片名
image@2x.png

这样,系统就会自动识别和匹配图片!

2。如果App运行中从网络异步获取图片进行显示,或游戏App中动态生成图片后显示,需加上代码判断不同屏幕设备来获取/生成不同size图片。


if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)] && [[UIScreen mainScreen] scale] == 2){
//retina 或 ipad上启用2x显示iPhoneApp
//获取高清size图片
}
else {
//获取低清size图片
}
分享到:
评论

相关推荐

    CSS3动画单页Retina模板是一款精品Retina大图幻灯css3动画单页模板下载。.zip

    这个“CSS3动画单页Retina模板”就是这样一个工具,它集成了Retina屏幕支持和CSS3动画,适用于大图幻灯展示,可以为开发者省去设计和编码的时间,直接应用于项目中。 【大图幻灯】 大图幻灯通常是指在网站上使用...

    GoldenDict for mac os 支持retina屏幕

    GoldenDict在Retina屏幕上能呈现无锯齿的文字和高质量的图片,减轻了用户的视觉疲劳,提升了使用体验。 GoldenDict的界面设计简洁易用,支持自定义布局,用户可以根据个人喜好调整窗口大小和位置。此外,它还具有...

    新iPad别浪费 完美支持Retina屏幕高清游戏盘点.docx

    本文将为您介绍那些完美支持Retina屏幕的高清游戏,让我们一起来探索这些游戏如何充分利用新iPad的强大性能。 首先,我们必须提到的一款游戏是《无尽之剑2》。自从它首次亮相于苹果iPhone 4S的发布会上,这款游戏就...

    02-文本小节-Retina屏幕1px宽度.md

    通过上述内容,可以看出本文件旨在介绍前端面试中可能遇到的问题以及解决方案,特别是针对Retina屏幕的1px宽度问题,提供了详细的理论解释和CSS编码实践。这对于准备面试的前端工程师来说是一个非常实用的知识点集合...

    苹果的Retina技术 视网膜支持的应用

    在Retina屏幕的支持中,CSS可以用来设置高分辨率图像的显示,如背景图像、边框图像等,确保在高像素密度屏幕上看起来清晰。 2. **index.html**:这是网页的主文件,包含了网页的结构和内容。开发者可能在其中使用了...

    绿色大气Retina响应式设计手机PC网站模板6061.zip

    【标题】"绿色大气Retina响应式设计手机PC网站模板6061.zip"是一个针对移动设备和桌面电脑设计的网站模板,具有高分辨率Retina屏幕支持和响应式布局。这款模板采用现代设计理念,旨在为用户提供一致且优质的浏览体验...

    网站前端网页源码模板 (737).zip

    2. retina-icons.html:此文件可能包含对Retina屏幕支持的图标元素。Retina屏幕具有高分辨率,为了确保在这样的屏幕上图标看起来清晰,通常需要特殊的处理。这个文件可能包含SVG或Web字体图标,它们可以自适应不同...

    image-set实现Retina屏幕下图片显示详细介绍

    尽管如此,随着技术的发展和更多浏览器对`image-set`的支持,这为前端开发者提供了优化Retina屏幕显示的新途径。在项目中如果涉及到Retina设备,可以考虑使用`image-set`,就像腾讯QQ网站那样。 **总结** `image-...

    前端项目-retina.js.zip

    Retina 显示屏拥有比传统 LCD 更高的像素密度,这意味着在同样大小的屏幕上,Retina 屏幕可以显示更多的像素,从而提供更细腻的视觉效果。然而,这同时也意味着,普通的低分辨率图片在 Retina 显示屏上会显得模糊。...

    FrankDeLoupeforMac(屏幕拾色器)V1.2苹果电脑版支持Retina

    Frank DeLoupe Mac版是一款可以在MAC OS X平台上使用的支持 Retina 的屏幕拾色器。Frank DeLoupe Mac版可以直接拾色push到PS或剪切板里并支持多种颜色模式转换,欢迎有需要此款工具的朋友前来下载使用。 软件特色 ...

    完美支持自适应电脑、平板电脑、移动设备,图标字体库,自适应各种终端设备,保证图形图标清晰无锯齿,支持Retina.rar

    综上所述,这个压缩包包含了一个响应式设计的网站资源,使用了图标字体库,并且优化了Retina屏幕的显示。它使用了HTML、CSS和JavaScript技术,可能是一个基于PHP的CMS(如WordPress)的主题或模板。开发和维护这样的...

    New iPad装机必备!四款Retina高清应用推荐.docx

    Retina屏幕的引入,使New iPad的显示效果达到了一个新的高度,画质清晰细腻,色彩逼真生动,这种视觉体验的提升,让用户对应用的高清适配需求也相应提高。为让New iPad的用户能够尽情享受这一高品质视觉体验,我们...

    Scroll To Top-crx插件

    3. **Retina屏幕支持**:考虑到现代设备对高分辨率屏幕的需求,Scroll To Top插件特别优化了显示效果,确保在Retina屏幕等高像素密度设备上也能清晰、美观地呈现按钮。 4. **丰富的设置选项**:用户可以根据个人...

    新iPad装机必备 12款Retina高清应用推荐.docx

    - 最近的更新中,游戏针对新iPad进行了特别优化,支持2048x1536的高清Retina屏幕,并增强了四倍抗锯齿效果,确保游戏画面更加平滑、细腻。 2. **质量效应 (Mass Effect)** - **开发者**:BioWare(加拿大) - *...

    前端项目-angular-retina.zip

    通过这个项目,前端开发者可以轻松地将视网膜屏幕支持集成到他们的AngularJS应用中,提升用户体验。同时,这也提醒我们,随着技术的发展,前端开发需要不断适应新的硬件和显示标准,提供更加精细化的用户体验。

    在 Retina Macbook 下优化 iWork的方法.docx

    - **文件兼容性**:使用这种优化方式创建的文档在非Retina屏幕的计算机上打开时,尺寸可能会变得过大,影响阅读。因此,如果你需要与使用传统分辨率显示器的人共享文件,建议在低分辨率模式下编辑,以保持兼容性。 -...

    ThemeForest The Metro Mobile Retina HTML5 CSS3 And iWebApp

    "The Metro Mobile Retina"模板特别强调了对Retina屏幕的支持,意味着在高分辨率设备上,图片和图形能够保持细腻的显示效果。同时,该模板采用了响应式设计,能根据用户设备的屏幕尺寸自动调整布局,确保在不同设备...

    作品展示HTML5网站模板是一款使用Twitter Bootstrap框架搭建,并且对Retina显示屏.rar

    模板通常会包含专门的CSS媒体查询和优化的图片格式,以确保在Retina屏幕上加载速度和性能不受影响。 在JavaScript和CSS方面,这个模板可能包含了各种交互效果和样式规则。JavaScript可能用于实现动态行为,比如滑动...

Global site tag (gtag.js) - Google Analytics