前言
老规矩,先看效果:
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/b2dcfca8c4ff9a5d18ba072be8759674.gif)
我们为抽奖工具新增了一个设置按钮,点击设置按钮后会出现一个弹窗,弹窗中有各种组件以帮助我们完成初始设置,进而实现用户的不同需求。
设置弹窗如下:
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/0ada3b7c6ae7380483abf68c9c416663.jpeg)
其中,包括如下内容:
- 选择文件按钮:可以手动选择名单文件路径;
- 预览文件按钮:可以在中间的白框中显示文件的前几条内容,用户以此判断选择的文件是否正确;
- 人名抽取模式勾选框:选择是否重复抽取、是否随机抽取;
- 勾选框说明文本:说明重复抽取和随机抽取勾选前后的含义
- 设置完毕返回按钮:点击后设置窗口消失,回到主窗口
在简单的设置窗口设计后,我们如何实现它呢?繁琐的逻辑又该如何实现呢?