ios - 如何在不影响 View 其余部分的情况下使我的 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

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

与其自己创建它们需要很多努力，不如这里是 GitHub library易于使用。

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

要使用它，请在您的 View Controller 中创建一个 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)
}