IOS开发必备：手把手教你实现Toast提示信息弹窗

2023-10-20 05:20:44

在 iOS 开发中优雅地显示 Toast 消息：一个全面的指南

在 iOS 应用开发中，Toast 消息是一种常见的元素，它可以向用户提供及时反馈或重要提示。它可以出现在屏幕上的任何位置，并且通常会在几秒钟后自动消失。实现 Toast 消息的方法有很多，但本文将介绍一种简单而有效的方法，只需要几行代码即可实现。

第一步：引入必要的头文件

#import <UIKit/UIKit.h>

第二步：创建 ToastView 类

这是自定义 Toast 视图的类，它将包含消息文本和样式。

@interface ToastView : UIView

@property (nonatomic, strong) UILabel *label;

@end

@implementation ToastView

- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.backgroundColor = [UIColor blackColor];
        self.alpha = 0.7;
        self.layer.cornerRadius = 5.0;
        
        self.label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)];
        self.label.textColor = [UIColor whiteColor];
        self.label.textAlignment = NSTextAlignmentCenter;
        [self addSubview:self.label];
    }
    return self;
}

@end

第三步：在需要显示 Toast 消息的地方调用以下代码

这将创建 Toast 视图，设置其文本并将其添加到视图层次结构中。

ToastView *toastView = [[ToastView alloc] initWithFrame:CGRectMake(0, 0, 200, 50)];
toastView.label.text = @"提示信息";
[self.view addSubview:toastView];

[UIView animateWithDuration:0.5 animations:^{
    toastView.alpha = 1.0;
} completion:^(BOOL finished) {
    [UIView animateWithDuration:0.5 delay:1.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        toastView.alpha = 0.0;
    } completion:^(BOOL finished) {
        [toastView removeFromSuperview];
    }];
}];

使用示例

例如，要显示一条 Toast 消息，说明用户已成功登录，可以使用以下代码：

ToastView *toastView = [[ToastView alloc] initWithFrame:CGRectMake(0, 0, 200, 50)];
toastView.label.text = @"登录成功！";
[self.view addSubview:toastView];

[UIView animateWithDuration:0.5 animations:^{
    toastView.alpha = 1.0;
} completion:^(BOOL finished) {
    [UIView animateWithDuration:0.5 delay:1.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        toastView.alpha = 0.0;
    } completion:^(BOOL finished) {
        [toastView removeFromSuperview];
    }];
}];