Objective-C iOS Development for Legacy & Enterprise Apps · Leçon

Contrôles et événements d’interface courants

Utilisez les contrôles UIKit standard, comme les boutons, les étiquettes et les champs de texte, et apprenez à gérer les interactions et événements utilisateur.

Leçon 2 sur 411 étapes

Contrôles et événements d’interface courants est une leçon Objective-C iOS Development for Legacy & Enterprise Apps gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Objective-C iOS Development for Legacy & Enterprise Apps, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Objective-C iOS Development for Legacy & Enterprise Apps comprend 4 leçons au total.

Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.

UI Controls: Your App's Face

User Interface (UI) controls are the interactive elements users see and touch in an app. They are the building blocks of any iOS application's visual experience.

  • Buttons: Tap to perform actions.
  • Labels: Display static text.
  • Text Fields: Input text from the user.

Mastering these controls is crucial for creating intuitive and functional apps, especially when maintaining legacy Objective-C codebases.

Displaying Text with UILabel

A UILabel is used to display static, read-only text in your app. Think of it as a sign or a description.

  • Set its text property to display content.
  • Customize its appearance with properties like textColor, font, and textAlignment.
  • Labels can be single or multi-line.

It's one of the most fundamental UI elements you'll encounter.

UILabel in Action

Let's create a UILabel programmatically and inspect its properties. Remember, in a real app, you'd add this to a view to see it visually!

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

int main(int argc, const char * argv[]) {
    @autoreleasepool {
        // Create a label with a frame (position and size)
        UILabel *myLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 50, 280, 40)];
        myLabel.text = @"Hello CoddyKit!";
        myLabel.textColor = [UIColor darkTextColor];
        myLabel.font = [UIFont boldSystemFontOfSize:20.0];
        myLabel.textAlignment = NSTextAlignmentCenter;

        NSLog(@"Created UILabel:");
        NSLog(@"  Text: %@", myLabel.text);
        NSLog(@"  Font Size: %.1f", myLabel.font.pointSize);
        NSLog(@"  Alignment: %ld", (long)myLabel.textAlignment);
    }
    return 0;
}

Making Apps Interactive with UIButton

The UIButton is arguably the most common interactive control. Users tap buttons to trigger actions.

  • Buttons can display text, an image, or both.
  • They have different states (Normal, Highlighted, Disabled, Selected).
  • You attach actions to buttons to define what happens when they're tapped.

Buttons are key for user interaction in any iOS application.

Responding to Button Presses

To make a UIButton do something, you use the Target-Action pattern. This connects a specific event (like a tap) to a method in an object (the target).

  • addTarget:action:forControlEvents: is the method you call.
  • The target is typically your UIViewController or another handler object.
  • The action is a method selector (e.g., @selector(buttonTapped:)).
  • UIControlEventTouchUpInside is the common event for a tap inside the button's bounds.

Implementing a Tap Action

Here's how you'd set up a button and its action. When you "run" this, imagine the button being tapped and the message appearing in the console!

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@interface ButtonHandler : NSObject
- (void)buttonTapped:(UIButton *)sender;
@end

@implementation ButtonHandler
- (void)buttonTapped:(UIButton *)sender {
    NSLog(@"Button '%@' was tapped!", [sender titleForState:UIControlStateNormal]);
}
@end

int main(int argc, const char * argv[]) {
    @autoreleasepool {
        ButtonHandler *handler = [[ButtonHandler alloc] init];

        UIButton *myButton = [UIButton buttonWithType:UIButtonTypeSystem];
        myButton.frame = CGRectMake(10, 100, 200, 50);
        [myButton setTitle:@"Press Me!" forState:UIControlStateNormal];
        
        // Set up the target-action. The handler object will receive the message.
        [myButton addTarget:handler 
                     action:@selector(buttonTapped:)
           forControlEvents:UIControlEventTouchUpInside];

        NSLog(@"Button created. If tapped, console would show action.");
        // In a real app, you'd add myButton to a view hierarchy.
        // For this console example, we simulate the action call.
        // [handler buttonTapped:myButton]; // Uncomment to simulate a tap immediately
    }
    return 0;
}

Accepting Text with UITextField

A UITextField allows users to enter single lines of text. It's perfect for names, passwords, or short messages.

  • It automatically brings up the keyboard when tapped.
  • You can configure its placeholder text, keyboard type (numeric, email, etc.), and security options (for passwords).
  • Use its text property to get the current input.

Handling UITextField Events

UITextField also uses the Target-Action pattern for various events. Common events include:

  • UIControlEventEditingChanged: The text content has changed.
  • UIControlEventEditingDidEndOnExit: The user pressed the "Return" key.
  • UIControlEventEditingDidBegin: The user started editing the text field.

You can also assign a delegate to a text field for more advanced control, like validating input or custom keyboard behavior.

Observing Text Input

This example shows how to set up a text field and react when its content changes. The console will log the text as it's "typed".

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@interface TextFieldHandler : NSObject
- (void)textFieldDidChange:(UITextField *)sender;
@end

@implementation TextFieldHandler
- (void)textFieldDidChange:(UITextField *)sender {
    NSLog(@"Text field content changed: %@", sender.text);
}
@end

int main(int argc, const char * argv[]) {
    @autoreleasepool {
        TextFieldHandler *handler = [[TextFieldHandler alloc] init];

        UITextField *myTextField = [[UITextField alloc] initWithFrame:CGRectMake(10, 160, 280, 40)];
        myTextField.placeholder = @"Type here...";
        myTextField.borderStyle = UITextBorderStyleRoundedRect;
        
        // Attach an action for when the text changes
        [myTextField addTarget:handler
                        action:@selector(textFieldDidChange:)
              forControlEvents:UIControlEventEditingChanged];

        NSLog(@"Text field created. Simulating input...");
        // Simulate some input changes
        myTextField.text = @"H";
        [handler textFieldDidChange:myTextField];
        myTextField.text = @"He";
        [handler textFieldDidChange:myTextField];
        myTextField.text = @"Hello";
        [handler textFieldDidChange:myTextField];
    }
    return 0;
}

Identify the UI Control

Which UIKit control is primarily used for displaying static, non-editable text, such as a title or a descriptive message?

Recap: Common Controls & Events

In this lesson, we explored fundamental UIKit controls and how to make them interactive:

  • UILabel: Displays static, read-only text.
  • UIButton: Triggers actions via taps, using the Target-Action pattern.
  • UITextField: Accepts single-line text input, also using Target-Action for changes.

These controls are the foundation for building user interfaces in Objective-C iOS apps. Understanding their properties and event handling is crucial for both new development and maintaining legacy code.

Gratuit pour commencer

Apprends Objective-C avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
12
Leçons
48

Questions Fréquemment Posées

La leçon « Contrôles et événements d’interface courants » est-elle gratuite ?

Oui — le texte complet de « Contrôles et événements d’interface courants » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Objective-C iOS Development for Legacy & Enterprise Apps, passe à CoddyKit PRO. Le cours Objective-C iOS Development for Legacy & Enterprise Apps comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Contrôles et événements d’interface courants » ?

Utilisez les contrôles UIKit standard, comme les boutons, les étiquettes et les champs de texte, et apprenez à gérer les interactions et événements utilisateur. Tu pratiques Objective-C iOS Development for Legacy & Enterprise Apps avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Objective-C iOS Development for Legacy & Enterprise Apps ?

Aucune expérience préalable n'est requise. Objective-C iOS Development for Legacy & Enterprise Apps sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.

Combien de temps prend la leçon « Contrôles et événements d’interface courants » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Objective-C iOS Development for Legacy & Enterprise Apps ?

Oui. Chaque leçon Objective-C iOS Development for Legacy & Enterprise Apps inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. UIView et UIViewController
  2. Contrôles et événements d’interface courants
  3. Vues tabulaires et vues de collection
  4. Mise en page automatique avec NSLayoutConstraint
← Retour à Objective-C iOS Development for Legacy & Enterprise Apps