Распространённые элементы интерфейса и события
Работайте со стандартными элементами UIKit, такими как кнопки, метки и текстовые поля, и учитесь обрабатывать взаимодействия с пользователем и события.
«Распространённые элементы интерфейса и события» — бесплатный урок Objective-C iOS Development for Legacy & Enterprise Apps на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Objective-C iOS Development for Legacy & Enterprise Apps, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Objective-C iOS Development for Legacy & Enterprise Apps содержит 4 уроков всего.
Части этого урока еще не переведены и отображаются на английском.
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
textproperty to display content. - Customize its appearance with properties like
textColor,font, andtextAlignment. - 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
UIViewControlleror another handler object. - The action is a method selector (e.g.,
@selector(buttonTapped:)). UIControlEventTouchUpInsideis 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
textproperty 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.
Часто задаваемые вопросы
Урок «Распространённые элементы интерфейса и события» бесплатный?
Да — полный текст урока «Распространённые элементы интерфейса и события» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Objective-C iOS Development for Legacy & Enterprise Apps, подпишись на CoddyKit PRO. Курс Objective-C iOS Development for Legacy & Enterprise Apps содержит 4 уроков всего.
Чему я научусь в уроке «Распространённые элементы интерфейса и события»?
Работайте со стандартными элементами UIKit, такими как кнопки, метки и текстовые поля, и учитесь обрабатывать взаимодействия с пользователем и события. Ты практикуешь Objective-C iOS Development for Legacy & Enterprise Apps с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Objective-C iOS Development for Legacy & Enterprise Apps?
Предыдущий опыт не требуется. Objective-C iOS Development for Legacy & Enterprise Apps на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Распространённые элементы интерфейса и события»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Objective-C iOS Development for Legacy & Enterprise Apps?
Да. Каждый урок Objective-C iOS Development for Legacy & Enterprise Apps включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- UIView и UIViewController
- Распространённые элементы интерфейса и события
- Табличные и коллекционные представления
- Auto Layout с NSLayoutConstraint