1.12 使用Toaster快速制作简约风格的toast [iOS开发中的神兵利器]



1. 本节课将为您演示,如何快速创建一个吐司窗口。首先确保在您的项目中,已经安装了所需的第三方库,双击查看此处的Pod配置文件。


2. 吐司窗口就是一个用来显示简短提示语句的小窗口。根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。


3. 然后在左侧的项目导航区,打开视图控制器的代码文件。


4. 现在开始编写代码,创建一系列的吐司窗口。


5. 首先在当前的类文件中,引入已经安装的第三方类库。


6. 设置根视图的背景颜色为橙色。


7. 然后初始化一个吐司窗口,并设置提示文字的内容,接着通过调用显示方法,显示该吐司窗口。点击左上角的[编译并运行]按钮,启动模拟器预览项目。


8. 当模拟器弹出后,在模拟器的底部显示了一个吐司窗口,然后在显示两秒钟之后自动隐藏。点击[停止]按钮,关闭模拟器。


9. 接着对代码进行一些修改。


10. 在此设置吐司窗口的显示时间,显示时间共有短和长两种,分别为2秒和3.5秒,当然您也可以根据实际的情况,使用一个浮点数作为显示的时长。


11. 当模拟器弹出后,在模拟器的底部显示了一个吐司窗口,然后在显示三秒钟之后自动隐藏。点击[停止]按钮,关闭模拟器。


12. 继续对代码进行一些修改。


13. 在此设置吐司窗口的延迟显示的时间,吐司窗口将在延迟两秒钟之后显示。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。


14. 在模拟器弹出的两秒钟之后,在模拟器的底部显示了一个吐司窗口,然后在显示三秒钟之后自动隐藏。点击[停止]按钮,关闭模拟器。


15. 再次对当前的代码进行一些修改。


16. 初始化一个吐司窗口,并设置提示文字。


17. 通过调用吐司窗口的取消方法,可以关闭该吐司窗口。


18. 也可以通过吐司窗口管理中心获得当前的吐司窗口,然后通过调用吐司窗口的取消方法,关闭该窗口。


19. 或者通过调用吐司窗口管理中心的取消全部的方法,关闭所有的吐司窗口。


20. 开发者还可以设置窗口的视觉样式,在此设置窗口的背景颜色为橙色。


21. 接着设置窗口的提示文字的颜色为蓝色。


22. 设置文字的字体和尺寸。


23. 设置提示文字在窗口中的边距。


24. 开发者甚至可以设置窗口的圆角半径,在此设置圆角半径为0,从而创建一个矩形的吐司窗口。


25. 设置当设备处于竖立状态时,吐司窗口和屏幕底部的间距为100.


26. 最后初始化并显示一个吐司窗口。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。


27. 当模拟器弹出后,在模拟器的底部显示了一个自定义外观的吐司窗口,并在显示两秒钟之后自动隐藏。最后点击[停止]按钮,关闭模拟器并结束本节课程。




本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

0