Tworzenie interfejsu za pomocą narzędzia Interfejs Buider¶
Uruchom środowisko XCode i utwórz nowy projekt typu Single View Application.
Po zakończeniu działania kreatora, otrzymujemy szkielet aplikacji. Pierwszym krokiem będzie zaprojektowanie interfejsu graficznego aplikacji. W tym celu przejdź do widoku Main.storyboard i za pomocą narzędzia Interface Builder utwórz interfejs składający się z jednego lub więcej pól tekstowych oraz z przycisku służącego do wysyłania informacji. Zacznij od minimalistycznego interfejsu, w trakcie rozwijania przykładu będziesz mógł dodawać do niego, w zależności od potrzeb, nowe komponenty. Przetestuj swój projekt za pomocą emulatora.
Utwórz odpowiednie funkcje obsługi komponentów interfejsu graficznego. Możesz to zrobić w całości ręcznie albo użyć narzędzia Interface Builder do utworzenia szkieletów odpowiednich pól @property (IBOutlet) i metod (IBAction) i następnie napisać ręcznie definicje tych metod. Żeby użyć narzędzia Interface Builder, musisz przeciągnąć wskaźnik myszy z naciśniętym klawiszem Control od danego komponentu interfejsu do dowolnego miejsca w swkcji @interface pliku nagłówkowego kontrolera widoku, poza blokiem definicji zmiennych. Interface Builder wygeneruje odpowiednie deklaracje w pliku nagłówkowym kontrolera widoku
@interface TANGViewController : UIViewController <NSStreamDelegate>
@property (strong, nonatomic) IBOutlet UITextField *display;
- (IBAction)sendPressed:(id)sender;
@end
oraz odpowiednie szkielety definicji metod w jego pliku implementacyjnym
@implementation TANGViewController
- (void)viewDidLoad
{
[super viewDidLoad];
}
- (IBAction)sendPressed:(id)sender
{
}
Metody te będą wywoływane w celu obsłużenia zdarzeń pochodzących od powiązanych z nimi komponentów interfejsu.