首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iPhone 4分辨率难度 - @ 2x命名技术无法用于按钮图像

iPhone 4分辨率难度 - @2x命名技术无法用于按钮图像

iPhone 4是苹果公司推出的一款智能手机,其分辨率为640x960像素,被称为Retina显示屏。@2x命名技术是苹果开发者在设计和开发iOS应用时使用的一种技术,用于支持Retina显示屏的高分辨率图像显示。

在iOS开发中,为了适配不同分辨率的设备,开发者通常需要提供两套图像资源,一套是普通分辨率的图像,另一套是高分辨率的图像。@2x命名技术就是用于标识高分辨率图像的命名规则,即在图像文件名后面加上"@2x"后缀。

然而,对于按钮图像来说,@2x命名技术并不适用。按钮图像通常需要在不同状态下显示不同的图像,例如正常状态、高亮状态、选中状态等。而@2x命名技术只能用于标识高分辨率的图像,无法区分不同状态下的图像。

为了解决这个问题,iOS开发者可以使用其他方法来适配按钮图像的不同状态。一种常见的做法是使用UIImage的方法来设置不同状态下的图像,例如setImage:forState:方法。开发者可以根据按钮的不同状态,分别设置对应的图像。

总结起来,iPhone 4的分辨率为640x960像素,@2x命名技术无法用于按钮图像。开发者可以使用其他方法来适配按钮图像的不同状态,例如使用UIImage的方法来设置不同状态下的图像。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

iPhone屏幕尺寸、分辨率及适配

PPI数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高、颗粒感越弱。...中,同样大小(3.5 inch)的屏幕采用了Retina显示技术,横、纵向方向像素密度都被放大到2倍,像素分辨率提高到(320×2)x(480×2)= 960×640(PPI=326), 显像分辨率提升至...iPhone3GS时代,我们为一个应用提供图标(或按钮提供贴图),只需要icon.png。针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x分辨率版本。...(3)高倍图文件命名 对于iPhone3、4/5/6、6+三类机型,需要按分辨率提供相应的高倍图并且文件名添加相应后缀,否则会拉伸(stretchable/resizable)失真(模糊或边角出现锯齿...(1)按宽度适配 我们先来看一下iPhone4~6(+)的屏幕高宽比: iPhone4(s):分辨率960*640,高宽比1.5 iPhone5(s):分辨率1136

5.7K20

IOS开发之尺寸

PPI数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高、颗粒感越弱。 ? ? 根据勾股定理,可以得知iPhone4(s)的PPI计算公式为: ?    ...中,同样大小(3.5 inch)的屏幕采用了Retina显示技术,横、纵向方向像素密度都被放大到2倍,像素分辨率提高到(320x2)x(480x2)= 960x640(PPI=326), 显像分辨率提升至...iPhone3GS时代,我们为一个应用提供图标(或按钮提供贴图),只需要icon.png。针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x分辨率版本。    ...(3)高倍图文件命名 对于iPhone3、4/5/6、6+三类机型,需要按分辨率提供相应的高倍图并且文件名添加相应后缀,否则会拉伸(stretchable/resizable)失真(模糊或边角出现锯齿...(1)按宽度适配 我们先来看一下iPhone4~6(+)的屏幕高宽比: iPhone4(s):分辨率960*640,高宽比1.5 iPhone5(s):分辨率1136*640,高宽比1.775 iPhone6

2.9K40

ios学习7_iPhone屏幕尺寸、分辨率及适配

PPI数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高、颗粒感越弱。...中,同样大小(3.5 inch)的屏幕采用了Retina显示技术,横、纵向方向像素密度都被放大到2倍,像素分辨率提高到(320×2)x(480×2)= 960×640(PPI=326), 显像分辨率提升至...iPhone3GS时代,我们为一个应用提供图标(或按钮提供贴图),只需要icon.png。针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x分辨率版本。...(3)高倍图文件命名 对于iPhone3、4/5/6、6+三类机型,需要按分辨率提供相应的高倍图并且文件名添加相应后缀,否则会拉伸(stretchable/resizable)失真(模糊或边角出现锯齿...(1)按宽度适配 我们先来看一下iPhone4~6(+)的屏幕高宽比: iPhone4(s):分辨率960*640,高宽比1.5 iPhone5(s):分辨率1136

2.3K20

ios学习7_iPhone屏幕尺寸、分辨率及适配

PPI数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高、颗粒感越弱。...中,同样大小(3.5 inch)的屏幕采用了Retina显示技术,横、纵向方向像素密度都被放大到2倍,像素分辨率提高到(320x2)x(480x2)= 960x640(PPI=326), 显像分辨率提升至...iPhone3GS时代,我们为一个应用提供图标(或按钮提供贴图),只需要icon.png。针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x分辨率版本。...(3)高倍图文件命名 对于iPhone3、4/5/6、6+三类机型,需要按分辨率提供相应的高倍图并且文件名添加相应后缀,否则会拉伸(stretchable/resizable)失真(模糊或边角出现锯齿...(1)按宽度适配 我们先来看一下iPhone4~6(+)的屏幕高宽比: iPhone4(s):分辨率960*640,高宽比1.5 iPhone5(s):分辨率1136

86450

iPhone 各屏幕尺寸及解析

PPI (像素密度) 表示沿着对角线,每英寸所拥有的像素(pixel)数目,PPI的数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高,颗粒感越弱,图像更清晰。...iPhone 4的屏幕物理尺寸还是3.5寸,分辨率为640 × 960,提升了4倍。也就是说,原先的1 point可以容纳4个pixel。...2、那如果逻辑point分辨率用 540×960 呢,也即图表中的 iPhone 6+ © , scale 沿用老的 @2x ,最终像素分辨率 540×960@2x 不正好是 1080×1920 吗,也是完美...; 但这个方案的缺点就更明显了: 所有 iOS UI 元素尺寸在屏幕上的实际物理面积一下子就变小了,比如标签栏或导航栏按钮的物理高度只有原来的 81.5% , 点击面积就只有iPhone 6的 0.815...1 point = 1 pixel 后来在iPhone4中,同样大小(3.5inch)的屏幕采用Retina(视网膜)屏幕显示技术,横、纵向方向像素密度都被放大到2倍,像素分辨率提高到(320 * 2)

2.8K20

【移动端网页布局】移动端网页布局基础概念 ⑤ ( 视网膜屏技术 | 二倍图概念 | 代码示例 )

4x4 像素 大小的区域 中 , 如果 强行为其设置 2x2 的图像 , 将其拉伸 , 就会导致图片模糊 , 无法发挥视网膜屏技术的最佳显示效果 ; 基于上述问题 , 提出了 倍图 概念 , 在标准的视口设置中...在设计师创建图像时,可以将图像尺寸乘以2,然后在保存图像时将其命名为“@2x”,以便开发者将其用于分辨率设备上。...高分辨率设备如今已经非常普遍,例如 iPhone 的 Retina 屏幕,以及一些高端 Android 设备。...这些设备的 像素密度 比传统的 低分辨率 设备更高,因此需要更高分辨率图像来展示清晰的图像效果。 对于网页设计师和开发者来说,使用二倍图可以提高图像在高分辨率设备上的清晰度,并提高用户的视觉体验。...在高分辨率设备上,图像会以更高的分辨率展示,从而提高图像的清晰度和质量。

56540

【IOS开发基础系列】images.xcassets专题

OK,那就先准备一下资源文件,如下图所示:         说明:为方便起见,除Icon7.png之外,其他图标的文件名均沿袭了以往iOS图标的命名规则。         3...."2x" },      { "size" : "60x60", "idiom" :"iphone", "filename" : "Icon7.png","scale" : "2x" } ],   "info...","extent" : "full-screen", "filename" :"Default-568h@2x-1.png", "subtype" : "retina4","scale" : "2x"...接下来我们新建一个图像试试看如何操作,开始之前我们仍然需要准备一下素材,如下图所示:         说明:为了方便在运行时看出不同分辨率的设备使用的背景图片不同,我在素材图片中增加了文字标示。          ...Xcode 5针对4存视网膜屏的图像提供了单独的支持,解决了以往在兼容四存屏时,有时不得不需要编写专门的代码加载不同的图片;     3.

22920

iOS-屏幕适配基本概念

iOS设备的分辨率和尺寸(参考The Ultimate Guide To iPhone Resolutions) 分辨率 点(point): 开发过程中,所有基于坐标系的绘制都以point为单位,point...1x, 2x, 3x):描述的就是屏幕中一个点有多少个 Rendered Pixels 渲染,对于2倍屏(又称 Retina 显示屏),会有 2 * 2 = 4 个像素的面积渲染,对于3倍屏(又称 Retina...这里就会用到屏幕模式的概念,如果屏幕是 2x,那么就需要提供 40 * 40 (单位: pixel)大小的图片,如果屏幕是 3x,那么就提供 60 * 60 大小的图片,且图片的命名需要遵守以下规范:... ImageName: 图片名字,根据场景命名 device_modifier: 可选,可以是 ~ipad 或者 ~iphone, 当需要为 iPad 和 iPhone...@3x.png - 3x 显示屏自动加载的图片版本 MyImage@2x~iphone.png - 2x iPhone 和 iPod touch 显示屏自动加载的图片版本 MyImage@3x~iphone.png

30510

iPhone X 适配指南 (官方翻译版)

肖像尺寸 1125px×2436px(375pt×812pt @ 3x) 景观尺寸 2436px×1125px(812pt×375pt @ 3x) 为您的应用程序中的所有图稿提供高分辨率图像。...iPhone X具有比例因子为@ 3x的高分辨率显示。对于字形和其他平面的矢量图形,最好提供独立于分辨率的PDF。对于光栅化图稿,您可以提供@ 3x和@ 2x版本的作品。...请参阅图像大小和分辨率和自定义图标。 布局 在设计iPhone X时,您必须确保布局填满屏幕,并且不会被设备的圆角,传感器外壳或用于访问主屏幕的指示灯遮蔽。...全屏4.7 寸设备图像iPhone X上裁剪 iPhone X上的信箱 全屏iPhone X图像 在4.7 寸设备上裁剪 在4.7 寸设备上进行Pillarboxing 在重复使用现有图稿时,请注意长宽比差异...在iPhone X上,即使使用自定义键盘,Emoji / Globe按钮和Dictation按钮也自动显示在键盘的下方。您的应用程序不能影响这些按钮,因此避免在键盘中重复这些按钮造成混乱。

2.4K50

微信iOS多设备多字体适配方案总结

二、多设备适配 1、各设备的逻辑分辨率: 关于iphone6/6plus的物理分辨率、逻辑分辨率、屏幕物理尺寸、PPI等资料,很多文章已经有详细说明了,这里就不再累赘。...对于终端开发人员来说,其实我们需要关心的,主要是各设备的逻辑分辨率和scaleFactor: 设备 逻辑分辨率 scaleFactor iphone4/4s 320*480 @2x iphone5/5s.../5c 320*568 @2x iphone6 375*667 @2x iphone6 plus 414*736 @3x ipad 1024*768 @2x 需要注意的是,iphone6...但到了iphone6 plus上,屏幕宽度变成414,按钮的左右边距就变成20和114,显得不对称。...为了解决这个问题,每种设备单独一个配置文件,目前一共五种设备:默认(iphone5)、iphone4/4s、iphone6、iphone6plus、ipad。

3.8K81

[ISUX译]iOS 9 人机界面指南(五):图标与图形设计 - 腾讯ISUX

重要: 使用 XIB 或故事板的文件,表示你的应用程序在iPhone 6 Plus 或 iPhone 6上运行。 以下的设计规范,适用于启动文件及静态图片: 简单的启动图片可以提升用户体验。...如果你需要为 iPhone 6 和 iPhone 6 Plus 创建静态启动图片,请使用以下尺寸: For iPhone 6: 纵向: 750 x 1334 像素(@2x) 横向: 1334 x 750... 像素(@2x) For iPhone 6 Plus: 纵向: 1242 x 2208 像素 (@ 3X) 横向: 2208 x 1242 像素 (@ 3X) 5.4 模板图标(Template Icons...具体来说,使用 1-point 描边(也就是在 @2x 分辨率下是 2 像素描边) 不管图标的是怎样的视觉风格,都需要按照尺寸表表格 45-1来创建自定义工具栏、导航栏以及标签栏的图标。...端盖可定义图像内的一个不被放大或缩小的区域。例如,你可以创建一个包含 4 个端盖的可拉伸图片,将其作为一个按钮的 4 个角。当图片被缩放来适应按钮大小时,被端盖指定的四个角则不会发生变化。

1.6K31

现代图片性能优化及体验优化指南 - 响应式图片方案

我们到电商网站购买手机,都会看一看手机的参数,以 JD 上的 iPhone7 为例: 可以看到,iPhone7 的分辨率是 1334 x 750,这里描述的就是屏幕实际的物理像素。...在视网膜屏幕中,以 dpr = 2 为例,把 4(2x2) 个像素当 1 个像素使用,这样让屏幕看起来更精致,但是元素的大小本身却不会改变: OK,我们再来看看 iPhone XS Max: 它的物理像素如上图是...autoprefixer 辅助解决 方案三:CSS 配合 image-set 语法 image-set 属于 CSS background 中的一种语法,image-set() 函数为设备提供最合适的图像分辨率.../photo@3x.png'; 其中的 2x,3x 就是用于匹配 DRP的。 使用 image-set 的一些痛点与媒体查询方案类似。代码量与兼容性语法,而且难以匹配所有情况。.../size 来创建一个分辨率切换器的响应式图片,可以在不同的分辨率的情况下,提供相同尺寸的图像,或者在不同的视图大小的情况下,提供不同尺寸大小的图像

93830

【最新】iPhone X 交互设计官方指南

1125px × 2436px(375pt × 812pt @3x) 横屏尺寸:2436px × 1125px(812pt × 375pt @3x) 你需要为自己的应用程序中的所有的图片稿件提供一份高分辨率图像...iPhone X 具有比例因子为 @3x 的高分辨率。对于字体和其他平面矢量图,最好实用与分辨率无关的 PDF 格式。对于光栅化图稿,你可以提供 @3x 和 @2x 版本的设计稿件。...请参阅 图像大小和分辨率 和 自定义图标。 布局 在对 iPhone X 中的应用进行设计时,你必须确保布局能够填满屏幕,并且保证他们不会被设备的圆角、传感器外壳或者用于访问主屏幕的指示灯遮盖。 ?...在键盘的下方会自动显示Emoji/Globe 和 Dictation 按钮。你的应用程序并不能影响这些按钮,所以不要在你的自定义键盘中出现这些按钮,以免造成混乱。 请参阅 自定义键盘。...长按二维码关注京程一灯,阅读更多技术文章和业界动态。

1.9K20

SwiftUI:猜国旗项目 堆叠按钮

我们将通过构建基本的UI结构来启动我们的应用程序,这将会是两个标签告诉用户该做什么,然后是三个显示三个世界国家的国旗按钮。 首先,找到这个项目的资源并将它们拖到您的资源目录中。...这意味着在Xcode中打开Assets.xcapets,然后从project2文件文件夹中拖入标记图像。...你会注意到这些图片是以他们的国家命名的,还有@2x或@3x–这些是双分辨率和三分辨率的图片,可以处理不同类型的iPhone屏幕。...接下来,我们需要两个属性来存储我们的游戏数据:一个要在游戏中显示的所有国家图像的数组,再加上一个整数来存储哪个国家图像是正确的。...,而不是尝试将其重新着色为按钮

96520

iPhone屏幕分辨率及适配技术

到了iPhone 4,逻辑分辨率和物理分辨率的关系就成了:1 pt = 2 px。 4. 缩放因子(scale) 因为逻辑分辨率和物理分辨率存在着一定的比例关系,这种比例的关系称为缩放因子。...在iPhone 3GS上,缩放因子为1(以“@1x”来表示)。在iPhone 4上,缩放因子为2(以“@2x”来表示)。...例如下图所示,iPhone3GS和iPhone4的逻辑分辨率都是320*480,也就是说两个手机机型屏幕大小是一样的,物理分辨率iPhone3GS是320*480,iPhone4是640*960,因此iPhone4...在同样一个尺寸上的像素点数是iPhone3GS的2*2倍,所以iPhone4上同样尺寸的图像展示色彩更丰富,清晰度更高。...autoResizing是用于设置子控件相对于父控件的位置关系的。 ?

3.5K20

android中使用react-native设置应用启动页过程详解

,分别对应放入下面文件夹,图片命名和xml中一致,命名为launch_screen drawable-ldpi drawable-mdpi drawable-hdpi drawable-xhdpi...然后点击中间部分选中一个分辨率的框,上传相应分辨率的图片作为启动屏幕 以下是选择框中不同屏幕的分辨率,按照下面给出的像素进行制作特定大小的图片添加即可: iPhone Portrait iOS 8-Retina...HD 4.7 (750×1334) @2x iPhone Portrait iOS 7,8-2x (640×960) @2x iPhone Portrait iOS 7,8-Retina 4 (640...×1136) @2x iPhone Portrait iOS 5,6-1x (320×480) @1x iPhone Portrait iOS 5,6-2x (640×960) @2x iPhone Portrait...iOS 5,6-Retina4 (640×1136) @2x 3、选中LaunchScreen.xib,会有个弹出框,默认选择确定就行,然后把右边的 Use Launch Screen 取消选中(因为

3.8K30

“无中生有”计算机视觉探奇

可以看出,这五个尝试层层递进,难度和趣味程度也逐步提升。由于篇幅有限,本文在此只谈视觉问题,不提太过具体的技术细节,若大家对某部分感兴趣,以后再来单独写文章讨论。...waifu 2x借助深度“卷积神经网络”(Convolutional Neural Network,CNN)技术,可以将图像分辨率提升2倍,同时还能对图像进行降噪。...右侧为原画,左侧为waifu 2x对同帧动画超分辨率重建结果 图2 waifu 2x分辨率重建对比,上方为低分辨率且有噪声的动画图像,左下为直接放大的结果,右下为waifu 2x去噪和超分辨率结果...图4就分别展示了模型结构图和颜色恢复示例,其恢复效果还是颇为逼真的。另外,此类工作还可用于黑白电影的颜色恢复,操作时只需简单将视频中逐帧拿来做着色即可。...图4 图像着色的深度学习网络结构和效果。输入黑白图像后即分为两支,上侧一支用于图像着色,下侧一支用于图像分类。

39740
领券