UIScrollView(Auto Layout)

UIScrollView(UIScrollViewDelegate)

UIScrollView(Auto Layout)

---

在工作中使用UIScrollView的时候我们通常会做适配，也就是Auto Layout。这里我会使用纯代码和Storyboard界面做适配。

适配的核心就是约束，对UIScrollView做适配时要记住，对外的约束是显示区域，对内的约束是滑动区域。我总结为八个字：对外显示对内滑动。

1 纯代码适配

//
//  YJAutoLayoutSVVC.swift
//  UI
//
//  CSDN:http://blog.csdn.net/y550918116j
//  GitHub:https://github.com/937447974/Blog
//
//  Created by yangjun on 15/12/17.
//  Copyright © 2015年 阳君. All rights reserved.
//

import UIKit

class YJAutoLayoutSVVC: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.title = "纯代码AutoLayout"
        // 创建UIScrollView和UIImageView
        let scrollView  = UIScrollView()
        let imageView = UIImageView()
        imageView.image = UIImage(named: "ScrollViewBigImage")

        // 添加视图
        self.view.addSubview(scrollView)
        scrollView.addSubview(imageView)

        // 开启AutoLayout
        scrollView.translatesAutoresizingMaskIntoConstraints  = false;
        imageView.translatesAutoresizingMaskIntoConstraints = false;

        // self.view和ScrollView的约束
        // 显示区域,方式1添加约束
        let centerXC = NSLayoutConstraint(item: scrollView, attribute: NSLayoutAttribute.CenterX, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.CenterX, multiplier: 1, constant: 0) // 中心x点对齐
        let centerYC = NSLayoutConstraint(item: scrollView, attribute: .CenterY, relatedBy: .Equal, toItem: self.view, attribute: .CenterY, multiplier: 1, constant: 0) // 中心y点对齐
        self.view.addConstraints([centerXC, centerYC]) // 组添加
        let heightC = NSLayoutConstraint(item: scrollView, attribute: .Height, relatedBy: .Equal, toItem: self.view, attribute: .Height, multiplier: 1, constant: 0) // 等高
        self.view.addConstraint(heightC) // 单一添加
        NSLayoutConstraint(item: scrollView, attribute: .Width, relatedBy: .Equal, toItem: self.view, attribute: .Width, multiplier: 1, constant: 0).active = true // 等宽，立即执行

        // 滑动区域,方式2添加约束
        // NSLayoutYAxisAnchor封装NSLayoutConstraint写法
        scrollView.topAnchor.constraintEqualToAnchor(imageView.topAnchor).active = true // Top
        scrollView.bottomAnchor.constraintEqualToAnchor(imageView.bottomAnchor).active = true // Bottom
        scrollView.leadingAnchor.constraintEqualToAnchor(imageView.leadingAnchor).active = true // leading
        scrollView.trailingAnchor.constraintEqualToAnchor(imageView.trailingAnchor).active = true // trailing
    }

}

运行效果图

这里为大家展示了三种约束效果。

2 Storyboard约束

Storyboard约束讲解起来比较麻烦，就用一个视屏为大家演示。

 

---

其他

源代码

Swift

参考资料

UIScrollView Class Reference

UIScrollView And Autolayout

Auto Layout Guide

文档修改记录

时间	描述
2015-12-18	博文完成

版权所有

CSDN：http://blog.csdn.net/y550918116j

GitHub：https://github.com/937447974/Blog