Sezieren von Twitter für Mac: Wie diese erstaunliche Benutzeroberfläche gemacht wird

8

Loren Brichter hat mit Twitter für Mac einen tollen Job gemacht und einen neuen UI-Standard erstellt. Ich versuche zu verstehen, wie das gemacht wurde, um einige dieser Funktionen in meinen Apps nutzen zu können: - Die Titelleiste und die Titelleiste, wie bekomme ich etwas Ähnliches? - Animationen, wie man diese Ansicht wechselt? - Tabellenansicht, es ist schön, aber ist es wirklich ein NSTableView?

...

Vielen Dank im Voraus für Ihre Tipps und Tricks

    
AP. 24.01.2011, 10:15
quelle

3 Antworten

6

Nach dem, was mir gesagt wurde, hat Loren seinen eigenen NSView-Ersatz geschrieben, der auf CoreAnimation basiert. Im Grunde hat er UIKit für den Desktop neu geschrieben. Dies ermöglichte es ihm, all die ausgefallenen Übergänge und dergleichen zu machen, ohne vom Legacy-NSView-Code zurückgehalten zu werden.

    
Kevin Ballard 25.01.2011, 21:43
quelle
3

Ich bin nicht sicher über viele der Schnittstelle, aber ich habe ein wenig um mich herum gesucht ...

Die normale Titelleiste ist eigentlich versteckt, und wenn Sie Twitter.app finden, den Paketinhalt anzeigen und einen Blick in den Ordner / Resources werfen, können Sie benutzerdefinierte Bilder schließen, minimieren und zoomen.

Sie könnten etwas wie BWToolkit verwenden, um eine benutzerdefinierte schwarze Titelleiste mit ihrer Verlaufsansicht zu erstellen.

Um die Standard-Titelleiste auszublenden: [window setStyleMask:3]; (wenn window ein IBOutlet ist, das mit Ihrem Fenster verknüpft ist). Verwenden Sie für Titelleistenschaltflächen nur NSButtons mit einem Bild von etwa 12 x 14 Pixel, und deaktivieren Sie im Inspektor in Interface Builder die Option "Bordered" für die Schaltflächen.

Um das Fenster noch "schicker" aussehen zu lassen, können Sie es einblenden und haben nur eine geringe Transparenz: [[window animator] setAlphaValue:0.9];

Ausblenden: NSTimeInterval delay = [[NSAnimationContext currentContext] duration] + 0.1; [window performSelector:@selector(orderOut:) withObject:nil afterDelay:delay]; [[window animator] setAlphaValue:0.0];

    
Seb Jachec 25.01.2011 21:40
quelle
2

Wenn Sie noch daran arbeiten ...

Twitter hat Anfang des Monats eine UI-Bibliothek basierend auf ihrer Arbeit auf Twitter für Mac namens TwUI bezogen:

Ссылка

    
Jayson Lane 22.07.2011 16:09
quelle

Tags und Links