問題タブ [pixel-density]

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 投票する
0 に答える
398 参照

flutter - Flutterには、さまざまな画面サイズと密度を説明するドキュメントがありますか?

Flutter を使用して小さなデモ アプリを作成しましたが、iphone x と android nexus 5x では見た目が異なります。Flutterには、さまざまな画面サイズと密度を説明するドキュメントがありますか? また、AppBar の外観も異なります。助けてください。

ここに画像の説明を入力

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

image - Vaadin 14 アプリでピクセル密度の高い (「Retina」) モニター用の「Image」ウィジェットのサイズを変更する

Vaadin 14.1 アプリで画面に JPEG 画像をレンダリングする方法を知っています。

特に、3 行:

…これの:

これらの 3 行では、Web ページに画像の読み込み時に画像のサイズを検出させるのではなく、画像の幅と高さを通知していることを理解しています。これにより、レイアウトが高速になり、ユーザーの目の前で Web ページが飛び回る煩わしさが回避されます。

➥ 私の質問は次のとおりです。高密度のピクセルを備えた最新のモニター、 Apple がRetinaディスプレイと呼んでいるものについてはどうですか?

画像がすべてのピクセルを効果的に表示し、画面上のスペースを最小限に抑えるにはどうすればよいですか?

モニターのピクセル密度が昔ながらの低さである場合、技術的にはすべての画像のピクセルを表示しながら、画像が占める画面のセンチメートルが少ない高密度の Retina ディスプレイよりも、物理的な画面スペースがより多くのセンチメートルで画像を表示する必要があります。

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

android - Android スプラッシュ スクリーン: ビットマップのスケーリング

私は基本的に Androidスプラッシュ スクリーンに次の xml を使用していますwindowBackground:

background_splash.xml:

logo.pngが画面サイズよりも小さい限り、これは正常に機能します。が画面よりも大きい場合logo.pngは、画面をはみ出します。

3 つの回避策がありますが、すべてに欠点があります。

  1. leftで/rightを設定し<itemますが、これには API 23+ が必要です
  2. などは異なりますが、密度分割を使用しているため、他のデバイス (apk サイト、「新しいデバイスに移動」 -apk@drawable/logoを転送するアプリなど) の apk を再利用すると壊れてしまいます。xhdpixxhdpi
  3. でレイアウトを使用しますImageViewが、これには顕著な遅延があります

正しく/欠点なしで行う方法は?