iPhone Tab-Leiste Artikelbild Auflösung?

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

  •  02-07-2019
  •  | 
  •  

Frage

Was ist die Auflösung des Bildes für den Tableiste Artikel?

Und auch, finden Sie einige andere nützliche Informationen zu dieser Registerkarte Artikelbild liefern.

Vielen Dank im Voraus.

War es hilfreich?

Lösung

Die Dokumentation sagt, dass die Tab-Leiste Bild in der Regel 30x30 ist, aber ich habe, dass die Bilder die beste Größe zu Setup gefunden 48x32 Pixeln. Diese Größe noch macht und gibt Ihnen ein wenig mehr Platz.

Das Bild ein PNG mit Transparenz ist, wird nur die Maske verwendet wird. Die Benutzeroberfläche macht die Maske grau wenn es nicht ausgewählt oder blau / chrom, wenn ausgewählt.

Andere Tipps

http://developer.apple .com / iphone / Bibliothek / Dokumentation / UserExperience / Conceptual / MobileHIG / IconsImages / IconsImages.html

  

Wenn möglich, sollten Sie die vom System bereitgestellten Schaltflächen und Symbole in Navigationsleisten, Symbolleisten und Tab Bars verwenden ... Eine vollständige Liste der Standard Buttons und Icons, und Richtlinien, wie sie verwenden, finden Sie unter ‚System-Vorausgesetzt Buttons und Icons.‘

     

Natürlich ist nicht jede Aufgabe Ihre Anwendung ausführt, ist ein Standard. Wenn Ihre Anwendung benutzerdefinierte Aufgaben Benutzer unterstützt häufig ausführen müssen, müssen Sie benutzerdefinierte Symbole erstellen, die diese Aufgaben in der Symbolleiste oder Navigationsleiste darstellen. Und falls Ihre Anwendung eine Tab-Leiste zeigt die Benutzer unter benutzerdefinierte Anwendungsarten oder benutzerdefinierte Subsets von Daten umschalten können, müssen Sie Tab-Leiste Symbole entwerfen, die diese Modi oder Teilmengen deutlich beschreiben. In diesem Abschnitt gibt Ihnen einige Hinweise, wie Symbole zu entwerfen, die gut in Navigationsleisten arbeiten, Symbolleisten und Tab Bars.

     

Bevor Sie die Kunst für Ihr Symbol erstellen, müssen Sie einige Zeit verbringen darüber nachzudenken, was es vermitteln soll. Wie Sie Designs betrachten, für ein Symbol Ziel, das lautet:

     
      
  • Einfach und schlank. Zu viele Details kann ein Symbol erscheinen schlampig oder nicht entzifferbar.
    •   
  • Nicht leicht verwechselt für eine der vom System bereitgestellten Symbole. Benutzer sollten Ihr eigenes Symbol aus den Standard-Icons auf einen Blick unterscheiden können.
    •   
  • leicht zu verstehen und weithin akzeptiert. Danach streben, ein Symbol zu erstellen, die die meisten Anwender richtig interpretieren wird und dass keine Benutzer finden Offensive.
    •   
     

Nachdem Sie das Aussehen Ihres Symbol entschieden haben, befolgen Sie diese Richtlinien, wie Sie es schaffen:

     
      
  • Verwenden Sie das PNG-Format.
    •   
  • Verwenden Sie reines Weiß mit entsprechender alpha.
    •   
  • schließen Sie keinen Schlagschatten.
    •   
  • Verwenden Sie Anti-Aliasing.
    •   
  • Wenn Sie sich entscheiden, eine Fase hinzufügen, achten Sie darauf, dass es um 90 ° (um Ihnen dabei zu helfen, eine Lichtquelle an der Spitze des Symbols positioniert vorstellen).
    •   
  • Für Symbolleiste und Navigationsleiste Icons, erstellen Sie ein Symbol, das etwa 20 x 20 Pixel misst.
    •   
  • Für Tableiste Icons, erstellen Sie ein Symbol, das etwa 30 x 30 Pixel ...
    • misst   

Diese Aussage ist technisch falsch:

„... nur die Maske verwendet wird. Die Benutzeroberfläche macht die Maske grau wenn es nicht ausgewählt oder blau / chrom, wenn sie ausgewählt ...“

Sie sind nicht jede Art von Maske zu liefern. Vielmehr sollte einfach die Registerkarte Bild ein sein monochrome .png Bild, auch bekannt als eine nur 1 Farbe verwendet .

Wenn Sie ein farbiges Bild liefern, UIKit wird es quantisiert bis auf ein monochromes Bild. Im schlimmsten Fall wird das Farbbild ~ 8000 Bytes sein, die eine Verschwendung von ~ 6k (Retina) ist. Das Dateiformat muss 24-Bit sein, mit Transparenz .png für die Quantisierung richtig zu arbeiten. Auch wenn dies ein Farbdateiformat ist, nicht die Farbe oder Sie Platz verschwenden.

Unterm Strich ist die richtige Größe zu haben, mit der besten Leistung und Speichernutzung, verwenden Sie eine der folgenden Optionen:

Standardanzeige
48x32 PNG-, 24-Bit-Transparenz (aber verwenden Sie nur 1 Farbe) . Worst-Case-Größe ~ 500 Bytes.
30x30 PNG-, 24-Bit-Transparenz (aber verwenden Sie nur 1 Farbe) . Worst-Case-Größe ~ 350 Bytes.

Retina-Display
60x60 PNG-, 24-Bit-Transparenz (aber verwenden Sie nur 1 Farbe) . Worst-Case-Größe ~ 2000 Byte.

Überprüfen Sie die "UITabBarItem Class Reference" in der SDK-Dokumentation

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top