2011-01-24 10 views
8

Loren Brichter ha fatto un lavoro straordinario con Twitter per Mac e ha creato un nuovo standard dell'interfaccia utente. Sto cercando di capire come è stato fatto per poter utilizzare alcune di queste funzionalità nelle mie app: - I pulsanti Barra del titolo e barra del titolo, come ottenere qualcosa di simile? - Animazioni, come scambiare la visualizzazione in questo modo? - Vista tabella, è bello ma è davvero un NSTableView?sezionando Twitter per Mac: come funziona questa incredibile interfaccia utente

...

Grazie in anticipo per i vostri consigli e suggerimenti

+0

Le animazioni sono estremamente facile da ottenere usando [CoreAnimation] (http://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/CoreAnimation_guide/) –

risposta

6

Da quello che mi è stato detto, scritto Loren la sua sostituzione NSView basata su CoreAnimation. Ha praticamente riscritto UIKit per il desktop. Ciò gli ha permesso di fare tutte le transizioni fantasiose e simili senza essere trattenuto dal codice NSView legacy.

+0

Grazie per la risposta. Pensavo che avesse fatto qualcosa del genere ma stavo pensando a qualcosa sopra NSViews. –

+2

Parlando di riscrittura UIKit per desktop ... https://github.com/BigZaphod/Chameleon Qualcun altro ha anche lui! –

+1

Sembra che questa sostituzione NSView sia stata appena resa open source: http://engineering.twitter.com/2011/07/starting-today-twitter-is-offering-twui.html – febeling

3

io non sono sicuro di un sacco di interfaccia, ma ho fatto qualche ricerca in giro me stesso ...

Il la normale barra del titolo è in realtà nascosta, penso, e se trovi Twitter.app, mostra i contenuti del pacchetto e dai un'occhiata nella cartella/Risorse, dove è possibile chiudere, ridurre a icona e ingrandire le immagini.

È possibile utilizzare qualcosa come BWToolkit per creare una barra del titolo personalizzata con la sua vista sfumata.

Per nascondere la barra del titolo standard: [window setStyleMask:3]; (se window è un IBOutlet collegato alla finestra). Per i pulsanti della barra del titolo, usa solo NSButtons, con un'immagine di circa 12 x 14 pixel e nell'Inspector in Interface Builder, deseleziona "Bordato" per i pulsanti.

Per rendere l'aspetto della finestra ancora più "fantasia", si potrebbe rendere fade in e avere solo leggera trasparenza: [[window animator] setAlphaValue:0.9];

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

Problemi correlati