4

ウェブサイトのモバイル(軽量)ビューにSenchaTouch2.xを使用することを計画しています。

私はSencha開発に不慣れです。私はHTML5をよく知っています。開発を進める前に知りたいことがいくつかあります。

  1. Senchaが画像を管理する方法。私はさまざまな解像度のタッチデバイス(つまり、iphone4s、iphone 5、iPad、Android、Blackberry 10)で作業することを計画しています。HTML 5で使用されているメディアクエリを知っています。解像度ごとに異なる画像を渡す必要がありますか、それとも煎茶が解像度ごとに画像を比較しますか。(参考までに... sencha touchでさまざまな画面解像度の画像を追加する方法もありますか? HTML5メディアクエリを提案します。それが唯一の方法ですか?また、さまざまなモバイルデバイス解像度のSenchaTouchでスプラッシュ画面を作成するも参照してください。スプラッシュスクリーン用です)

  2. Retinaディスプレイをサポートしていますか?(つまり、iOSでは@ 2x)。網膜ディスプレイ画像を管理する方法よりもそうでない場合。

貴重な提案を事前に感謝します。

4

2 に答える 2

5

1) 簡単にするために、個人的にはプラットフォーム全体 (Android、iPhone、Blackberry) ごとに最高の解像度/サイズを使用します。電話機は、それに応じて画像をスケーリングします。それは物事を単純にするだけです。これを行わない唯一の理由は、画像の合計サイズが非常に大きく、最適化の差が 10 MB を超える場合です。電話で画像を拡大縮小する必要があるときはいつでも、明らかにパフォーマンスにわずかな影響がありますが、最終的にはまったく気になりません.

2) Sencha は Retina ディスプレイをサポートしています。十分に高解像度の画像を使用する限り、適切にスケーリングされます。もちろん、Retina ディスプレイのスプラッシュ スクリーンアプリ アイコンを含めるようにしてください。

于 2013-03-11T11:53:41.513 に答える
0

Sencha.io のことを忘れないでください。デバイスに合わせて画像のサイズを自動的に変更し、小さいバージョンを提供してダウンロードを高速化します。ここで読んでください:

http://www.sencha.com/products/io/

ここで例を見てください:

http://extdesenv.com/tutorials/how-to-create-a-mobile-flickr-app-with-sencha-touch-2/

:-)

于 2013-03-12T13:25:35.867 に答える