问题标签 [retina-display]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
iphone - iOS Retina 显示屏蔽错误
我目前正在为我构建的菜单使用两个图像。不久前,我将这段代码用于普通显示系统,它工作正常,在视网膜显示器上我遇到了一些问题,CGImageRef 在背景显示的凹陷处创建正确的蒙版图像。我尝试使用视网膜图像的图像扩展导入。使用以下方式提供图像:
我提供了一个标准图像和一个视网膜图像,其中包含 filename.png 和 filename@2x.png 名称。
为所选区域选择蒙版时出现问题。该代码适用于较低分辨率的资源和高分辨率的主要资源,但是当我使用
并指定我要在其中创建图像的矩形,图像的比例增加意味着主按钮的分辨率很好,但是返回并叠加在按钮按下的图像不是正确的分辨率,而是奇怪地缩放到两倍像素密度,看起来很糟糕。
我都试过了
当我拍摄图像并 drawInRect:(Selected Rect) 时,我似乎无处可去
我现在已经把头发扯了大约 2 个小时,似乎找不到一个像样的解决方案,有人有什么想法吗?
css - 高 PPI 移动屏幕的主列表以及如何通过 CSS 检测/处理它?
iPhone 4 的 Retina 显示屏的密度是 iPhone 3 的两倍,但 Apple 处理得相当好,但只是做了一个假设并在渲染时将像素加倍(这样您的网页在每台设备上看起来都相同的物理尺寸)。然后,您可以使用一些 webkit 媒体查询为该设备加载额外的 CSS (-webkit-min-device-pixel-ratio:2)。
问题:是否有资源可以 a) 列出现在使用高 PPI 屏幕的其他移动设备 b) 该设备在呈现网站方面默认执行的操作和 c) 它是否支持 webkit 检查和/或它自己的自定义检测方法?
如果没有,也许这篇文章可以通过在特定设备上发布信息作为答案来成为该资源 (CW)。我必须开始处理使用高分辨率屏幕(以及随之而来的 Android)的黑莓和诺基亚设备。任何数据表示赞赏!
更新:
经过一些测试,我发现确实没有任何其他移动设备能够像 iPhone 4 那样将自己标识为双密度。现在有更高 PPI 的屏幕(通常在较小的设备上),但设备并没有以任何方式将自己声明为高 PPI。也许更好的解释方式是这些设备只有“非常小的像素”。
因此,鉴于所有站点的呈现方式都相同,因此确实没有一种实用的方法来处理这些设备,因此任何修改您的站点的尝试都可能会干扰用户自己的偏好和设置。
如果有人知道除 iPhone 4 之外的任何设备正确地声明自己为高 PPI,现在就告诉我!
ios - 有没有办法检查通过 nib 加载的视图以查找 imageViews 中图像的资源名称?
寻找支持视网膜显示器的简单方法。我突然想到,如果我可以查看一个 nib 加载的视图并获取那里使用的所有图像资源的名称,我可以检查它们是否有相应的视网膜图像并加载它(如果它是一个视网膜设备。)
我知道如何在加载后遍历子视图,但我不知道如何(或者如果可以的话)获取在 Interface Builder 中设置的资源名称。我试图避免必须在代码中设置所有图像名称。
我想做的(在伪代码中):
(奖励:也许有一种方法可以遍历 IBOutlet 变量,但我对此表示怀疑?)
iphone - 如何创建 facebook 墙贴并添加视网膜版本的图片
我们正在使用 facebook graph API http://developers.facebook.com/docs/reference/api/post/并添加picture
参数。我们的图片是一个 30x30 像素的图像,这正是我们想要的 facebook 网络版本的大小。但是,在 iPhone4(视网膜显示屏)上使用 FB 移动应用程序时,图像会像素化。
有什么方法可以提供 60x60 的高分辨率图像,但始终以 30x30 的分辨率呈现 facebook 墙贴?
objective-c - 使用 Core Graphics 绘图在 Retina 显示屏上看起来很厚实
我有一个 UIView,它从 drawRect:rect 内部绘制一个圆圈。在阅读了 Retina 显示屏上的 Apple 开发信息后,似乎使用 Core Graphics 意味着绘图会自动利用更高的分辨率。然而,与徽章图标中的类似圆圈相比,这个简单的圆圈看起来很粗。显然,我将它与具有光泽和阴影的东西进行比较,但我认为很明显我的也没有被绘制出来。我尝试截取苹果图标徽章和我的圆圈的屏幕截图,它们在我的 Mac 上看起来大致相同——不过,在手机上查看它们时,差异很明显。我在这里缺少一些简单的东西吗?
这是我在 drawRect:rect 中使用的绘图代码
感谢您的帮助,罗布
iphone - iPhone - 使图像适应视网膜显示
我有一个关于为 iPhone 4 的视网膜显示更新我的应用程序图形的问题。
我将每个视图的分辨率保持在 480 x 320 点。
所以我想知道:假设我有一个 100 x 50 UIImageView。我要加载的实际图像是 200 x 100 像素 @ 163 ppi 还是 100 x 50 像素 @ 326 ppi 更好?就“轻盈”而言,它是一样的吗?哪个是首选方式?
谢谢,你真棒
洛伦佐
ios4 - 禁用视网膜显示?
我正在制作一个应用程序,但我不希望支持视网膜显示。坏事是我的应用看起来都是像素化的。可以停用视网膜显示功能吗?这样我的纹理比例就不会加倍。
UIScreen 的 scale 属性是只读的,它在 iphone 4 中的值为 2.0,我希望它为 1.0,这样我在 iphone 4 中的图形看起来与旧设备完全相同,没有像素。
ios - 如何在 iOS 中更改部分透明图像的颜色?
我有一个具有部分透明度的单色图像。我有图像的正常和@2X 版本。我希望能够在代码中将图像着色为不同的颜色。下面的代码适用于普通图像,但 @2X 最终会出现伪影。正常图像可能有类似的问题如果是这样,由于分辨率的原因我无法检测到它。
如果重要,则使用UIImage imageNamed:
. 另外,我确认@2X 图像在视网膜模拟器上运行时正在加载。
更新:上面的代码有效。我看到的伪影是由图像消费者完成的额外转换引起的。这个问题可以被删除,因为它不再是一个真正的问题,或者留给后代。
iphone - 为什么 iOS 模拟器在用于 Retina 的移动 Safari 中以较低的分辨率渲染我的图像?
我正在尝试在带有 Retina 显示屏的移动 Safari 中测试我的 Web 应用程序,并且只能访问 iOS 模拟器。我的图像都以 2 倍分辨率渲染。我意识到这在某种程度上可能是有道理的,但我实际上希望图像以其自然分辨率呈现。
如何让img
标签在 iPhone Retina 设备上的 Mobile Safari 中以自然分辨率呈现?(模拟器或其他)
更新
我不是在编写本机应用程序并调用 Safari,我正在编写一个普通的网站,我希望 Safariimg
为视网膜和非视网膜设备以全分辨率呈现我的标签图像。(我知道,会接受并希望在视网膜设备上图像会更小)
background - 使用 css3 'background-size' 属性是否足以显示视网膜?
为了使样式尽可能简洁,如果使用双像素密度设备(例如 iPhone 4)查看我的页面,我宁愿不使用包含的媒体查询样式表。
话虽如此,如果我只是做这样的事情可以吗?
这会全面工作而没有任何缺点吗?或者我应该对具有特定像素密度的设备进行某种媒体查询?