iOS软件开发的视图与交互（2）.PDF

iOS软件开发的视图与交互 （2） 章国锋 浙江⼤学 CADCG 国家重点实验室 UICollectionVIew UICollectionVIew UICollectionVIew • 集合视图是一个可以供网状排列的UI控件。在使用集合 视图时，需要供两个核心的元素，第一：集合视图需要 显示的数据，第二，集合视图的布局方式，数据和布局完 全分离，并且又一起协同工作。 • 将集合视图添加到用户界面时，应用程序的主要任务是管 理与该集合视图关联的数据。集合视图从数据源对象获取 其数据，数据源对象是符合UICollection视图数据源协议， 并由应用程序供的对象。视图中收集的数据被组织成单 独的item，然后可以将其分组以供呈现。 UICollectionVIew UICollectionVIew • 集合视图由三部分组成： • 1.Cell：单元格 • 2.Supplementary View：补充视图，指的就是图中 的Header与Footer； • 3.Decoration View：装饰视图，一般是用于背景。 UICollectionVIew UICollectionVIew 集合视图中的UICollectionViewLayout属性决定了Cell的布局方 式，供了两种布局方式： 1.FlowLayout：Flow Layout是一个Cells的线性布局方案，并具 有页面和页脚 2.Custom Layout：自定义布局方式. UIScrollVIew UIScrollVIew 在iOS应用中，当需要展示或操作的内容无法适应设备屏幕大 小时，就要使用滚动视图。它的作用包括： 1、允许用户拖拽想要显示的内容区域 2、允许用户利用拖拽手势放大或缩小所显示的内容 UIScrollVIew UIScrollVIew UIScrollView类可以供以下功能： 1、滚动不能完全适应屏幕的内容 2、缩放内容，允许应用支持标准的缩放手势 3、将内容滚动限制为每次滚动都显示一整屏的内容 （翻页 模式） UIScrollView类并不包含为其所显示内容所定义的特殊的视图 ；相反，它会对自己的子视图进行滚动。由于在iOS上发 起滚屏不需要任何额外的控件，所以这种简单的模型是可 行的。 UIScrollVIew 如何创建滚动视图? • 就像任何其它UIView一样。在story board 中拖出或使用UIScrollView （ 框架:)。或在你的story board 中选择一个UIView，并从编辑器菜单中选 择 choose “Embed In - Scroll View • 将 “过大”的UIVIew 以addSubview的形式添加： if let image = UIImage(named: “bigimage.jpg”) { let iv = UIImageView(image: image) // iv.frame.size will = image.size scrollView.addSubview(iv) } • 如果需要，可以添加更多的子视图。所有子视图的框架都将位于 UIScrollView的内容区域的坐标系 （即 （0,0 ）在左上角）。 • 最后需要设置contentSize：scrollView.contentSize = imageView.frame.size UIScrollVIew • 以编程的方法滚动 func scrollRectToVisible(CGRect, animated: Bool) • 其它控制scroll view的属性 – 是否启用滚动。 – 将滚动方向锁定到用户的第一个 “移动”。 – 滚动指示器的样式 （滚动视图出