Tworzenie interfejsu za pomocą narzędzia Interfejs Buider

../_images/08_01.png

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.

0802 0803

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.

Następna część - Komunikacja po stronie aplikacji mobilnej