0

dp とは何かは理解していますが、1 つの DP に対して自分のコンピューターのピクセル数を知るにはどうすればよいですか? また、描画時にDPで作業するために使用できるプログラムはありますか? 私がやろうとしているのは、基本的に今アプリのアイコンをデザインすることだけですが、方法が見つからないようです。答えが目の前にあるような気がします。しかし、基本的には、paint.net プログラムのように描画した画像の DP をどのように知るかを知りたいだけです。それとも計算する方法はありますか？私は（好奇心から）自分のコンピューターで 24 ピクセルのものだけを試しましたが、うまくいきませんでした。それで、誰かアドバイスを提供できますか？私の画面サイズに基づいて計算できますか? 私は数学に反対しているわけではありませんが、アプリのアイコンの作り方を知りたいだけです。

4

1 に答える 1

0

Iconography Design ドキュメントの最初のページを確認してください! 詳細については、複数の画面のサポート
もお読みください。

これまでに理解したことの本質と、ランチャーアイコンに対してどのようにそれを行ったか:

  1. 512x512 ピクセルのキャンバスを作成します
    。これは Web アイコンのサイズです。開発者コンソールでは高解像度アイコンと呼ばれます。
  2. 作成したいアイコンを描きます
  3. 描画しているオブジェクトの周囲に透明度を使用する
  4. 少し暗いグロー/シャドウで3Dに見えるようにしてください
  5. 完了したら、作業をオリジナルとして保存します
  6. 次に、オリジナルを開き、以下の表に基づいて異なるサイズのリソース (png/jpg) としてエクスポートし、各ファイルを対応するdrawable-??dpiフォルダーに配置します。
╔═════════╦════════╦════════════╦═══════╦═════════ ══╦════════════╦════════════╗
║ 名前 ║ DPI ║ 乗数 ║ 比率 ║ ランチャー ║ アクションバー ║ アクションバー ║
║ ║ ║ ║ ║ アイコン ║ アイコン ║ マージン ║
╠═════════╬════════╬════════════╬═══════╬═════════ ══╬════════════╬════════════╣
║ サイズ* ║ - ║ - ║ - ║ 48 dp/48 dp ║ 24 dp/32 dp ║ 8 dp ║
╠═════════╬════════╬════════════╬═══════╬═════════ ══╬════════════╬════════════╣
║ LDPI** ║ 120dpi ║ 0.75x ║ 1.5 ║ 36px ║ 24px ║ 6px ║
║ MDPI ║ 160dpi ║ 1x ║ 2 ║ 48px ║ 32px ║ 8px ║
║ TVDPI** ║ 213dpi ║ 1.33x ║ - ║ - ║ - ║ - ║
║ HDPI ║ 240dpi ║ 1.5x ║ 3 ║ 72px ║ 48px ║ 12px ║
║ XHDPI ║ 320dpi ║ 2x ║ 4 ║ 96px ║ 64px ║ 16px ║
║ XXHDPI ║ 480dpi ║ 3x ║ 6 ║ 144px ║ 96px ║ 24px ║
║ XXXHDPI ║ 640dpi ║ 4x ║ 8 ║ 192px ║ 128px ║ 32px ║
║ Web*** ║ - ║ 5x ║ 10 ║ 512px ║ - ║ - ║
╚═════════╩════════╩════════════╩═══════╩═════════ ══╩════════════╩════════════╝

*オプティカル スクエア / フル アセット サイズ、マージンはそれらの差
です** LDPI は HDPI÷2 画像から自動ロードされ、TVDPI は MDPI/HDPI から自動ロードされます。
*** Web は AP にパッケージ化しないでください

あなたが十分に年をとっているなら、これらのdpiサイズを頻繁に使用される画面解像度として覚えているでしょう:)

xxhdpi必要なディップサイズを簡単に計算するに50dpは3x 50px、探している密度を知る必要がmdpiあり1xます50px。

注意: アイコンをデザインする際、アイコンとしては大きすぎるように感じます。常に小さいサイズのプレビューが表示されるエディターを使用してみてください (たとえば、Paint.net では各タブにプレビューが表示されます)。指定されたサイズにサイズ変更すると、小さすぎるように感じますが、電話を画面の横に置くと、画面上で物理的に大きくなります...

于 2014-10-24T19:50:57.190 に答える