Wie werden diese beiden iPhone UI-Stücke hergestellt?

Question

Das mag für einige von euch trivial sein, aber ich habe zwei Screenshots von The Lose It! App, in der ich bin gespannt, wie zwei verschiedene Bildschirme zusammengestellt wurden.

Die erste:

Das mittlere Diagramm, das die Statistiktabelle zeigt. Wird ein benutzerdefiniertes Bild mit Core Graphics/Quartz gezeichnet, um die gewünschten Zahlen zu erreichen? Ist die gelbe Linie, die dynamisch die gesamte Arbeit von Quartz zugewiesen wird?

Und zweitens:

Dies könnte man ein bisschen einfacher, aber die ganze Bar sein, die wie ein Einheimischer UIKit Widget aussieht, die enthält [Budget, Ernährung, Bewegung, Netz, Unter]. Es scheint einen Schlagschatten darüber zu geben. Machen sie einen Schlagschatten auf der UINavigationBar? Ist das Menü darunter nur ein Bild, das ein Designer erstellen konnte, um wie die UINavigationBar auszusehen?

Wenn es einen Blog gibt, der UI-Tricks wie diese lehrt, würde ich gerne mehr lesen.

Answer 1

1) Ja, es ist wahrscheinlich eine Ansicht, die das Diagramm als Hintergrund verwendet und verwendet dann Core-Grafik, die Linie zu machen,

2) Dies ist eine einzelne Ansicht in vier Abschnitte unterteilt sein könnte. In jedem Abschnitt sind zwei Textzeilen mit verschiedenen Farben gezeichnet. Es ist möglich, dass jeder Abschnitt eine Ansicht darstellt, die dieses Verhalten kapselt.

Mir ist kein Blog bekannt, der diese "Tricks" lehrt. Es ist wirklich wichtig zu verstehen, welche Funktionalität verfügbar ist, und diese dann kreativ zu verwenden, um Ihre Benutzeroberfläche zu entwickeln.

Zum Beispiel wissen wir, dass es möglich ist;

• Zeichnen Sie Bilder in verschiedenen Größen/Positionen.
• Draw Text in verschiedenen Schriftarten, Größen, Farben, Ausrichtung
• Draw Primitiven

Wirklich, wenn Sie diejenigen, haben Sie so ziemlich alles schaffen.

Ich denke, es gibt ein SDK-Beispiel, das die Verwendung benutzerdefinierter Ansichten demonstriert, um eine fantastische Zeitzonenanwendung zu erstellen. Das könnte eine Überprüfung sein.

Update: gefunden, es ist here.