滚动查看未居中的图像

Question

我试图用UIPageControl创建一个scrollView。 这可以正常工作，但是问题是图像不会在scrollView的每个页面中居中。 它向右对齐。 如何始终将图像居中？

图片说明：

http://i.stack.imgur.com/In6t7.png

码：

viewDidLoad

self.pageControl = UIPageControl()
self.pageControl?.frame = CGRectZero
self.pageControl?.currentPage = 0
self.pageControl?.numberOfPages = self.imageArray!.count
self.pageControl?.tintColor = UIColor.whiteColor()
self.pageControl?.userInteractionEnabled = false
self.navigationItem.titleView = self.pageControl?

for var i = 0; i<self.imageArray?.count; i++ {
    self.pageViews.append(nil)
}

let pagesScrollViewSize = self.scrollView.frame.size
self.scrollView.contentSize = CGSizeMake(pagesScrollViewSize.width * CGFloat(self.imageArray!.count), pagesScrollViewSize.height)


self.loadVisiblePages()

其余方法

func loadPage(page: Int) {

    if page < 0 || page >= self.imageArray!.count {
        // If it's outside the range of what you have to display, then do nothing
        return
    }

    // 1
    if let pageView = pageViews[page] {
        // Do nothing. The view is already loaded.
    } else {
        // 2
        let newPageView = UIImageView(image: self.imageArray![page] as UIImage)
        var frame = scrollView.bounds
        frame.origin.x = (frame.size.width * CGFloat(page))
        frame.origin.y = 0.0

        // 3

        newPageView.contentMode = .ScaleAspectFit
        newPageView.frame = frame
        scrollView.addSubview(newPageView)
        newPageView.backgroundColor = UIColor.blackColor()

        // 4
        pageViews[page] = newPageView
    }
}

func purgePage(page: Int) {

    if page < 0 || page >= self.imageArray!.count {
        // If it's outside the range of what you have to display, then do nothing
        return
    }

    // Remove a page from the scroll view and reset the container array
    if let pageView = pageViews[page] {
        pageView.removeFromSuperview()
        pageViews[page] = nil
    }

}

func loadVisiblePages() {

    // First, determine which page is currently visible
    let pageWidth = scrollView.frame.size.width
    let page = Int(floor((scrollView.contentOffset.x * 2.0 + pageWidth) / (pageWidth * 2.0)))

    // Update the page control
    pageControl?.currentPage = page

    // Work out which pages you want to load
    let firstPage = page - 1
    let lastPage = page + 1


    // Purge anything before the first page
    for var index = 0; index < firstPage; ++index {
        purgePage(index)
    }

    // Load pages in our range
    for var index = firstPage; index <= lastPage; ++index {
        loadPage(index)
    }

    // Purge anything after the last page
    for var index = lastPage+1; index < self.imageArray!.count; ++index {
        purgePage(index)
    }
}


func scrollViewDidScroll(scrollView: UIScrollView!) {
    // Load the pages that are now on screen
    loadVisiblePages()
}

Answer 1

我在这里发现您使用let来声明一个常量UIImageView ，我认为您应该使用var 。

let newPageView = UIImageView(image: self.imageArray![page] as UIImage)

其实，除此之外，我还能发现任何问题，我认为您之所以无法将图片设置为居中的原因是因为此声明之后的所有操作均不起作用，因此您无法设置正确的框架，正确的contentMode到UIImageView 。

Answer 2

定位scrollView的图像视图时，如果使用center.x而不是origin.x ，可能会更容易。

在这种情况下，我将使用的公式：

centerX = pageNumber * 320 + 160

所以像这样：

myImageView.center = CGPointMake(pageNumber * 320 + 160, 0);

通过我的公式，我得到以下结果：

page 0: 0 * 320 + 160 = 160
page 1: 1 * 320 + 160 = 480
page 2: 2 * 320 + 160 = 800
page 3: 3 * 320 + 160 = 1120

您可以看到每个页面的偏移量为320（此处假设iPhone屏幕尺寸）。 您显然可以使用它代替：

self.view.bounds.size.width 

这里的320仅用于说明目的。

您的方法

好的，让我们遍历代码：

var frame = scrollView.bounds
frame.origin.x = (frame.size.width * CGFloat(page))
frame.origin.y = 0.0

1. 第一次，如果页面从0开始，origin.x将为0，scrollView的宽度保持为320。
2. 第二次，origin.x将为320 * 1（此处的页面== 1），scrollView的宽度将变为640，因为我假设有2个imageViews的宽度为320。
3. 第三次，origin.x将为640 * 2 = 1280，scrollView的宽度现在为1600（origin.x = 1280 + 320 imageView宽度）

您看到数字如何不断增加，而不是保持不变的320吗？