swift 开发欢迎界面的小实例
开发环境为 Xcode9 语言为 swift 4.2 开发一个可以滑动切换的欢迎界面,底部为页面切换导航,左右为前一页和后一页的按钮,中间为页面指示器。通常我们会用 storyboard 增加组件来画界面,而后在 ViewController 中来获取或者者说绑定组件来增加动作或者重置少量属性。这个和 android 的布局 xml 和 Activity 的关系如出一辙,不知道随借鉴谁的了,今天我们不这样做,我们直接在 controller 来画界面
先定义左边的按钮,上一页,这里使用 swift 的闭包来定义一个 UIButton 组件,这样可以让代码从主方法中分离出来看起来更清晰。假如定义一个 Button 想必大家看代码就清楚了。
而后定义左边的按钮,下一页
创立页面指示器,这里不得不说开发 iphone 应用要比开发android 省力得多,我们首先无需考虑各种五花八门的机型和不同 android 版本兼容,而且 ios 少量组件,原本就很美,使用这些组件很容易说服用户。
最后我们在创立好的组件,增加到一个 UIStackView 中。
在定义组件中我们可以自己设置使用 UIColor 少量颜色,为了提高复用性。我们可以通过extension 来将我们定义好颜色增加到 UIColor 中。
这样我们即可以轻松地使用定义好的 .mainPink 来进行替换了。
这些都创立好了我们,接下来我需要增加少量动作,通过swipe 动作来切换页面,首先我们创立一个 swift 类—SwipingController
首先我们看一下,我们应用是如何指定一个UIViewController 来渲染我们的第一个界面,在 android 我们通过配置 manifest 可以指定起始界面,当然也可以通过代码来指定,在 ios 中我们在 AppDelegate.swift 中来指定一个启动界面看一看代码吧
而后运行程序看一看我们结果
? 测试成功,我们现在将程序启动controller 指定为我们刚刚创立好的 swipingController
我们看一看是如何实现,我们通过 section 将界面划分为几个单元,而后将每个单元大小占满全屏,最后将上下滑动的模式改为左右滑动模式,这就是我们的基本思路了。
我们视图划分为几个小单元区域
我们通过代码可以控制单元大小,这里设置为 100 x 100 大小的小块
我们将单元大小设置为全屏,也就是高和宽都是屏幕的大小
设置滑动模式为水平滑动,而后就出现上图效果,离我们预期越来越近了
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » swift 开发欢迎界面的小实例