使用 Aspect Fill 图像模式的奇怪的 UIPageViewController 滑动行为

Question

我刚刚创建了一个 UIPageViewController 页面内容视图控制器，它由一个 ImageView 和一个 Button 组成。它几乎完美无缺地工作，但是当我尝试仅在垂直视图中滑动视图时，它有一个主要问题，为我的ImageView设置了Aspect Fill模式（这基本上是为此设置的）。

您可以在此处看到此行为：https://youtu.be/2yl6UXbUGQg

我正在使用自动布局，Button 约束与 ImageView（全尺寸）对齐，ImageView 约束设置为 Superview...

代码：

1) UIPageViewController:

class ViewController: UIPageViewController, UIPageViewControllerDataSource {

    var arrPageTitle: NSArray = NSArray()
    var arrPagePhoto: NSArray = NSArray()

    override func viewDidLoad() {
        super.viewDidLoad()

        arrPageTitle = ["page 1", "page 2", "page 3"]
        arrPagePhoto = ["slider-1.jpg", "slider-2.jpg", "slider-3.jpeg"]

        self.dataSource = self
        self.setViewControllers([getViewControllerAtIndex(0)] as [UIViewController],
                                direction: .Forward,
                                animated: false,
                                completion: nil)
    }

    func pageViewController(pageViewController: UIPageViewController, viewControllerBeforeViewController viewController: UIViewController) -> UIViewController? {
        let pageContent: PageContentViewController = viewController as! PageContentViewController
        var index = pageContent.pageIndex
        if ((index==0) || (index == NSNotFound)) {
            return nil
        }
        index -= 1
        return getViewControllerAtIndex(index)
    }

    func pageViewController(pageViewController: UIPageViewController, viewControllerAfterViewController viewController: UIViewController) -> UIViewController? {
        let pageContent: PageContentViewController = viewController as! PageContentViewController
        var index = pageContent.pageIndex
        if index == NSNotFound {
            return nil
        }
        index += 1
        if index == arrPageTitle.count {
            return nil
        }
        return getViewControllerAtIndex(index)
    }

    func getViewControllerAtIndex(index: NSInteger) -> PageContentViewController {
        let pageContentViewController = self.storyboard?.instantiateViewControllerWithIdentifier("PageContentViewController") as! PageContentViewController
        pageContentViewController.strTitle = "\(arrPageTitle[index])"
        pageContentViewController.strPhotoName = "\(arrPagePhoto[index])"
        pageContentViewController.pageIndex = index
        return pageContentViewController
    }
}

2) 内容视图控制器，UIViewController:

class PageContentViewController: UIViewController {

    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet weak var labelTitle: UIButton!

    var pageIndex: Int = 0
    var strTitle: String!
    var strPhotoName: String!


    override func viewDidLoad() {
        super.viewDidLoad()

        self.imageView.image = UIImage(named: self.strPhotoName)
        self.labelTitle.setTitle(self.strTitle, forState: .Normal)
    }
}

Answer 1

您的一个视图控制器的图像视图正在溢出到其他视图控制器，因为您需要在图像视图上将 clipsToBounds 设置为 true。这将防止图像视图的内容超出图像视图的范围。

Answer 2

选中 Clip Subviews 以防止图像视图尺寸被拉伸。

使用 Aspect Fill 图像模式的奇怪的 UIPageViewController 滑动行为

Weird UIPageViewController sliding behavior with Aspect Fill image mode

uiimageview

ios

uipageviewcontroller

autolayout

swift