問題タブ [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.

0 投票する
1 に答える
2252 参照

iphone - iOS Retina ディスプレイ マスキング バグ

現在、作成したメニューに 2 つの画像を使用しています。少し前にこのコードを通常のディスプレイ システムに使用していましたが、正常に動作していました。Retina ディスプレイでは、CGImageRef がバックグラウンド ディスプレイの押下時に適切なマスクされた画像を作成するという問題が発生しています。網膜画像の画像拡張機能を使用してインポートを試みました。画像は以下を使用して提供されます。

filename.png と filename@2x.png の両方の名前を持つ標準イメージと網膜イメージの両方を提供しました。

問題は、選択した領域のマスクを選択するときに発生します。コードは、低解像度のリソースと高解像度のメイン リソースで正常に動作しますが、使用すると

画像を作成する範囲を指定すると、画像のスケールが大きくなります。つまり、メイン ボタンの解像度は良好ですが、ボタンを押したときに返されて重ね合わされる画像は正しい解像度ではなく、奇妙に 2 倍にスケーリングされます。ひどく見えるピクセル密度。

私は両方を試しました

そして、画像を取得して drawInRect:(Selected Rect) を取得すると、どこにも行かないようです

私は今、約2時間髪を引き裂いていますが、適切な解決策が見つからないようです。誰かアイデアはありますか?

0 投票する
1 に答える
2826 参照

css - 高 PPI モバイル画面のマスター リストと、CSS を介してそれを検出/処理する方法は?

iPhone 4 の Retina ディスプレイは iPhone 3 の 2 倍の密度ですが、Apple はそれをかなりうまく処理しましたが、レンダリング時にピクセルを 2 倍にすることを想定して (各デバイスで Web ページが同じ物理サイズに見えるように) しました。その後、いくつかの Webkit メディア クエリを使用して、そのデバイス用に追加の CSS を読み込むことができます (-webkit-min-device-pixel-ratio:2)。

質問: a) 現在高 PPI 画面を使用している他のモバイル デバイスを一覧表示するリソースはありますか、b) Web サイトのレンダリングに関してデバイスがデフォルトで行うこと、および c) Webkit チェックをサポートしているか、および/または独自のものであるかカスタム検出方法?

そうでない場合、この投稿が特定のデバイスに関する情報を回答として投稿することで、そのリソース (CW) になる可能性があります。高解像度画面を使用している BlackBerry および Nokia デバイス (および Android も登場) の処理を​​開始する必要があります。どんなデータでも大歓迎です!

アップデート:

いくつかのテストを行った結果、iPhone 4 のように倍密度を識別できるモバイル デバイスは他にないことがわかりました。現在、PPI がはるかに高い画面があります (多くの場合、小さいデバイスで) が、デバイス自体が高 PPI であると宣言することは決してありません。おそらく、それを説明するより良い方法は、それらのデバイスのピクセルが「本当に小さい」ということです。

そのため、すべてのサイトが同じようにレンダリングされることを考えると、これらのデバイスを処理する実用的な方法はありません。

iPhone 4 以外で、PPI が高いと適切に宣言されているデバイスを誰かが知っている場合は、今すぐ教えてください。

0 投票する
1 に答える
285 参照

ios - ペン先を介してロードされたビューを検査して、imageViews内の画像のリソース名を見つける方法はありますか?

Retinaディスプレイをサポートする簡単な方法を探しています。ペン先で読み込まれたビューを調べて、そこで使用されているすべての画像リソースの名前を取得できれば、対応する網膜画像があるかどうかを確認して読み込むことができると思いました(網膜デバイスの場合)。

ロード後にサブビューを反復処理する方法は知っていますが、Interface Builderで設定されたリソース名を取得する方法(または可能な場合)はわかりません。コードですべての画像名を設定する必要がないようにしています。

私がやりたいこと(擬似コードで):

(ボーナス:IBOutlet変数を反復処理する方法があるかもしれませんが、私はそれを疑っていますか?)

0 投票する
3 に答える
2005 参照

iphone - Facebook ウォール投稿を作成し、画像の Retina バージョンを追加する方法

Facebook グラフ API http://developers.facebook.com/docs/reference/api/post/を使用し、パラメーターを追加していpictureます。私たちの写真は 30x30 ピクセルの画像で、Facebook の Web バージョンにぴったりのサイズです。ただし、iPhone4 (Retina ディスプレイ) で FB モバイル アプリを使用すると、画像がピクセル化されます。

60x60 の高解像度画像を提供する方法はありますが、Facebook のウォール投稿では常に 30x30 でレンダリングしますか?

0 投票する
1 に答える
4030 参照

objective-c - Core Graphics での描画は、Retina ディスプレイでは分厚いように見えます

drawRect:rect 内から円を描く UIView があります。Retina ディスプレイに関する Apple dev 情報を読んだ後、Core Graphics を使用すると、描画が自動的に高解像度を利用するように見えました。ただし、この単純な円は、バッジ アイコンの同様の円と比べるとかなり分厚いように見えます。明らかに、光沢と影のあるものと比較していますが、私のものも同様に描かれていないことは明らかだと思います. Apple のアイコン バッジと私のサークルのスクリーンショットを撮ってみましたが、Mac ではほぼ同じように見えますが、電話で見ると違いは明らかです。ここに欠けている簡単なものはありますか?

これは、drawRect:rect で使用している描画コードです。

助けてくれてありがとう、ロブ

0 投票する
1 に答える
1217 参照

ios4 - Retinaディスプレイを無効にしますか?

アプリを作成していますが、Retinaディスプレイをサポートしたくありません。悪い点は、私のアプリがすべてピクセル化されているように見えることです。網膜表示機能を無効にすることは可能ですか?テクスチャのプロポーションが2倍にならないように。

UIScreenのscaleプロパティは読み取り専用で、値はiphone 4では2.0です。これを1.0にしたいと思います。これにより、iphone 4のグラフィックは、ピクセルを除いて、古いデバイスとまったく同じに見えます。

0 投票する
2 に答える
4234 参照

ios - iOS で部分的に透明な画像の色を変更するにはどうすればよいですか?

部分的に透明な単色の画像があります。イメージの通常バージョンと @2X バージョンの両方があります。コードで画像を別の色に着色できるようにしたいと思います。以下のコードは通常の画像では正常に機能しますが、@2X はアーティファクトで終わります。通常の画像にも同様の問題がある可能性があります。そうであれば、解像度の関係で検出できません。

問題がある場合は、マスク イメージが を使用して読み込まれUIImage imageNamed:ます。また、Retina Simulator で実行すると @2X イメージが読み込まれることを確認しました。

更新:上記のコードは機能します。私が見たアーティファクトは、画像の消費者によって行われた追加の変換によって引き起こされました。この質問は、実際にはもう質問ではないため、削除されるか、後世に残される可能性があります。

0 投票する
3 に答える
2793 参照

iphone - iOSシミュレーターがRetina用モバイルSafariで画像を低解像度でレンダリングするのはなぜですか?

Retinaディスプレイを搭載したモバイルSafariでWebアプリケーションをテストしようとしていますが、iOSシミュレーターにしかアクセスできません。私の画像はすべて2倍の解像度でレンダリングされています。これはおそらくある程度は理にかなっていると思いますが、実際には画像を自然な解像度でレンダリングしたいと思っています。

imgiPhoneRetinaデバイスのMobileSafariでタグを自然な解像度でレンダリングするにはどうすればよいですか?(シミュレーターまたはその他)

アップデート

私はネイティブアプリケーションを作成してSafariに呼び出しを行っているのではなく、単純な古いWebサイトを作成しておりimg、網膜デバイスと非網膜デバイスの両方でSafariにタグ画像をフル解像度でレンダリングさせたいと考えています。(私は、網膜デバイスでは画像が小さくなるという事実を認識し、受け入れ、望んでいます)

0 投票する
3 に答える
6912 参照

background - css3 'background-size' プロパティの使用は Retina ディスプレイに十分ですか?

スタイルをできるだけ簡潔にするために、iPhone 4 などの 2 倍のピクセル密度のデバイスでページを表示する場合に含まれるメディア クエリ スタイルシートを使用したくありません。

そうは言っても、私がこのようなことをしただけで大丈夫でしょうか?

これは、欠点なしで全面的に機能しますか? または、特定のピクセル密度を持つデバイスに対して何らかのメディア クエリを実行する必要がありますか?