iphone - jQTouch を使用した Retina アイコン

Question

ユーザーがRetinaディスプレイを備えたiOSを使用している場合、元のアイコンをRetinaバージョンに置き換える方法を知っている人はいますか?

data-mask="[name]@2x.[ext]" で試しましたが、うまくいきませんでした。誰かが解決策を持っていることを願っています

Answer 1

プロジェクトには と の 2 つのファイルを含める必要がありimage.pngますimage@2x.png。@2xただし、コードに -suffixを記述する必要はありません。ただ：

UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"image.png"]];

iOS は、どの画像を使用する必要があるかを自動的に検出します。

Answer 2

私は次のアプローチを使用しています：

1. 高さ100x40ピクセルの画像を表示したいとします
2. 200x80 ピクセルの単一の画像を作成する
3. 画像の css の幅を 100 ピクセル、高さを 40 ピクセルに指定します。

非 Retina ディスプレイでは、元の画像が 50% に引き伸ばされます。私の個人的な好みでは、結果は問題ないように見えます。

Retina ディスプレイでは、これにより実質的に、イメージ ピクセルとデバイス (実際の) ピクセルが 1 対 1 でマッピングされます。

これを Phonegap でテストしたのではなく、Web コンテナーを使用して MonoTouch プロジェクトで使用したことを言及する必要があります。