码迷,mamicode.com
首页 > 编程语言 > 详细

swift UI专项训练29 Page Control页控件

时间:2015-03-02 09:35:34      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:ios8   swift   ui设计   page control   页控制   

     有时候我们的页面很大需要滚动只用滚动条滚动可以不太精确,这就需要用到Page Control,就像我们平时操作iphone一样,每一页都有一些APP,页面的个数是用小点标示的,每次一滑动就会切换页面,当前停留的页面的小点会被点亮。比如我们平时用的天气预报,每一页只能显示一个地方的天气,每次换页可以切换到其他城市。Page Control的属性不多,如下:

技术分享

Pages中的两个数字标示有几页,当前在哪一页。

Behavior标示当前只有一页的时候可以隐藏,剩下的是颜色的设置。

好的我们来定义一下,现在的显示效果如图:

技术分享

要实现滚动,跟scrollview有关,所以要实现scrollview的代理。在页面中添加一个最简单的view:

技术分享

为了够明显,把它的背景色改成灰色,现在页面上是这个样子:

技术分享

把view和控制器关联起来,当我们选中page control,然后打开它的事件管理器的时候会看到很多事件,选择vale changed,与控制器关联。

技术分享


我们有五个页,为了体现不同,给它们设定不同的颜色。创建一个颜色数组:

 let color = [
    UIColor.blackColor(),
    UIColor.blueColor(),
    UIColor.brownColor(),
    UIColor.orangeColor(),
    UIColor.purpleColor()
    ]
去我们刚才添加的事件中添加操作:

@IBAction func pageChange(sender: UIPageControl) {
        colorview.backgroundColor = color[sender.currentPage]
    }

可以运行来看看了:

技术分享

swift UI专项训练29 Page Control页控件

标签:ios8   swift   ui设计   page control   页控制   

原文地址:http://blog.csdn.net/cg1991130/article/details/44007929

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!