iPhoneのタブバーのアイテム画像の解像度は？

StackOverflow https://stackoverflow.com/questions/151746

  •  02-07-2019
  •  | 
  •  

質問

タブバー項目の画像の解像度はどのくらいですか？

また、そのタブ項目の画像に関するその他の有用な情報を提供してください。

事前に感謝します。

役に立ちましたか？

解決

ドキュメントには、タブバーの画像は通常30x30であると書かれていますが、画像を設定するのに最適なサイズは48x32ピクセルであることがわかりました。このサイズでもレンダリングが行われ、スペースが少し増えます。

画像は透過性のあるPNGであり、マスクのみが使用されます。 UIは、選択されていない場合はマスクを灰色に、選択されている場合は青/クロムをレンダリングします。

他のヒント

http://developer.apple .com / iphone / library / documentation / UserExperience / Conceptual / MobileHIG / IconsImages / IconsImages.html

  

可能な場合は、ナビゲーションバー、ツールバー、タブバーでシステムが提供するボタンとアイコンを使用する必要があります...標準のボタンとアイコンの完全なリスト、およびそれらの使用方法のガイドラインについては、＆＃8220;システムが提供するボタンとアイコン。＆＃8221;

     

もちろん、アプリケーションが実行するすべてのタスクが標準タスクであるとは限りません。ユーザーが頻繁に実行する必要があるカスタムタスクをアプリケーションがサポートしている場合、ツールバーまたはナビゲーションバーでこれらのタスクを表すカスタムアイコンを作成する必要があります。同様に、ユーザーがカスタムアプリケーションモードまたはデータのカスタムサブセットを切り替えることができるタブバーをアプリケーションが表示する場合、これらのモードまたはサブセットを明確に説明するタブバーアイコンを設計する必要があります。このセクションでは、ナビゲーションバー、ツールバー、およびタブバーで適切に機能するアイコンを設計する方法についてのガイダンスを提供します。

     

アイコンのアートを作成する前に、何を伝えるべきかを考えるのに時間をかける必要があります。デザインを検討する際には、次のアイコンを目指します。

     
      
  • シンプルで合理化された。詳細が多すぎると、アイコンがずさんなまたは判読できないように見えることがあります。
    •   
  • システムが提供するアイコンの1つと簡単に間違えられない。ユーザーは、カスタムアイコンと標準アイコンを一目で区別できる必要があります。
    •   
  • すぐに理解され、広く受け入れられます。ほとんどのユーザーが正しく解釈し、ユーザーが不快に感じることのないシンボルを作成するよう努めます。
    •   
     

アイコンの外観を決定したら、次のガイドラインに従って作成してください。

     
      
  • PNG形式を使用します。
    •   
  • 適切なアルファを含む純白を使用します。
    •   
  • ドロップシャドウを含めないでください。
    •   
  • アンチエイリアスを使用します。
    •   
  • ベベルを追加する場合は、ベベルが90であることを確認してください。 （これを行うために、アイコンの上部に光源が配置されていることを想像してください。）
    •   
  • ツールバーとナビゲーションバーのアイコンの場合、約20 x 20ピクセルのアイコンを作成します。
    •   
  • タブバーアイコンの場合、約30 x 30ピクセルのアイコンを作成します...
    •   

この文は技術的に間違っています：

＆quot; ...マスクのみが使用されます。 UIは、選択されていない場合はマスクを灰色に、選択されている場合は青/クロムをレンダリングします...＆quot;

どのタイプのマスクも提供していません。むしろ、タブ画像は単にモノクロ .png画像、つまり 1色のみ使用である必要があります。

カラー画像を指定すると、UIKitはそれをモノクロ画像に量子化します。最悪の場合、カラー画像は〜8000バイトになり、〜6k（網膜）の無駄です。量子化が適切に機能するためには、ファイル形式は透明度付きの24ビット.pngである必要があります。これはカラーファイル形式ですが、色を使用したり、スペースを無駄にしたりしないでください。

一番下の行は、最適なパフォーマンスとメモリ使用量で適切なサイズにするために、次のいずれかを使用します：

標準ディスプレイ
＆nbsp;＆nbsp; 48x32 .PNG、透明度付き24ビット（ただし1色のみ使用）。最悪の場合のサイズは最大500バイトです。
＆nbsp;＆nbsp; 30x30 .PNG、透明度付き24ビット（ただし1色のみ使用）。最悪の場合のサイズは最大350バイトです。

Retinaディスプレイ
＆nbsp;＆nbsp; 60x60 .PNG、透明度付き24ビット（ただし1色のみ使用）。最悪の場合のサイズ〜2000バイト。

「UITabBarItemクラス参照」を確認してください; SDKドキュメント

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top