如何使我的 ImageView 可滚动而不影响视图的其余部分？

Question

如何为顶部添加多个图像并使其可滚动而不移动其余内容？另外，我如何在底部有小点来指示我在哪个图像上？我的图像代码在下面。

导入 SDWebImage

@IBOutlet weak var headerImage: UIImageView!


override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)


    let imageUrl:NSURL? = NSURL(string: headerPhoto!)

    if let url = imageUrl {
        headerImage.sd_setImage(with: url as URL!)
    }

}

Answer 1

您正在寻找称为图像幻灯片或图像滑块的东西。

与其自己创建它们需要大量的努力，这里有一个易于使用的GitHub library。

基本上，滑块的工作方式是它是一个水平滚动视图，滚动视图中的每个单元格都是一个图像，以便您可以滚动。然后，在滚动视图的底部放置一个固定的页面索引元素，告诉你当前所在的图片。

要使用它，请在视图控制器中创建一个 UIView，并将类和模块都设置为 ImageSlideshow。然后将它作为 IBOutLet 连接到您的 ViewController.swift。

然后创建一个图片url数组

let alamofireSource = [AlamofireSource(urlString: "imgurl1")!, AlamofireSource(urlString: "imgurl2")!, AlamofireSource(urlString: "imgurl3")!]

最后在您的viewDidLoad() 函数中：

override func viewDidLoad() {
    super.viewDidLoad()

    slideshow.backgroundColor = UIColor.white
    slideshow.slideshowInterval = 5.0
    slideshow.pageControlPosition = PageControlPosition.underScrollView
    slideshow.pageControl.currentPageIndicatorTintColor = UIColor.lightGray
    slideshow.pageControl.pageIndicatorTintColor = UIColor.black
    slideshow.contentScaleMode = UIViewContentMode.scaleAspectFill

    slideshow.setImageInputs(alamofireSource)
}