Personnalisé UIPageControl avec dot images

Quand j'en avais besoin pour personnalisé mon UIPageControl j'ai utilisé cette et cette solution.

Légèrement modifié par la nouvelle version de swift, nous avons :

class myPageControl: UIPageControl {
var activeImage: UIImage!
var inactiveImage: UIImage!
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
activeImage = UIImage(named: "active.png")!
inactiveImage = UIImage(named: "inactive.png")!
}
func updateDots()
{
for i in 0 ..< self.subviews.count
{
let dot : UIImageView = imageViewForSubview(self.subviews[i])
if (i == self.currentPage) {
dot.image = activeImage
}
else {
dot.image = inactiveImage
}
}
}
func imageViewForSubview(view: UIView) -> UIImageView {
var dot: UIImageView? = nil
if (view.isKindOfClass(UIView)) {
for subview: UIView in view.subviews {
if (subview is UIImageView) {
dot = (subview as! UIImageView)
}
}
if dot == nil {
dot = UIImageView(frame: CGRectMake(0.0, 0.0, view.frame.size.width, view.frame.size.height))
view.addSubview(dot!)
}
}
else {
dot = (view as! UIImageView)
}
return dot!
}
func setPage(page: Int) {
super.currentPage = page
self.updateDots()
}
}

Mon problème est que je ne peux pas changer l'image lors du premier démarrage de l'application.
Il ne changera que lorsque la page est modifiée.

Dans viewDidLoad(), j'ai ajouté setPage(0) et updateDots(), mais il n'y a pas de résultat. Que pouvais-je fait de mal?

InformationsquelleAutor Mikhail Sein | 2016-08-10
  1. 10

    Swift 3.0 ... à vous de savoir si vous êtes OK avec l'acceptation du risque énoncé: "Modification de la sous-vues d'un contrôle existant est fragile".

    Vous devrez appeler "updateDots()" dans viewDidAppear() et votre valueChanged gestionnaire pour le contrôle de page.

     import UIKit
class CustomImagePageControl: UIPageControl {
let activeImage:UIImage = UIImage(named: "SelectedPage")!
let inactiveImage:UIImage = UIImage(named: "UnselectedPage")!
override func awakeFromNib() {
super.awakeFromNib()
self.pageIndicatorTintColor = UIColor.clear
self.currentPageIndicatorTintColor = UIColor.clear
self.clipsToBounds = false
}
func updateDots() {
var i = 0
for view in self.subviews {
if let imageView = self.imageForSubview(view) {
if i == self.currentPage {
imageView.image = self.activeImage
} else {
imageView.image = self.inactiveImage
}
i = i + 1
} else {
var dotImage = self.inactiveImage
if i == self.currentPage {
dotImage = self.activeImage
}
view.clipsToBounds = false
view.addSubview(UIImageView(image:dotImage))
i = i + 1
}
}
}
fileprivate func imageForSubview(_ view:UIView) -> UIImageView? {
var dot:UIImageView?
if let dotImageView = view as? UIImageView {
dot = dotImageView
} else {
for foundView in view.subviews {
if let imageView = foundView as? UIImageView {
dot = imageView
break
}
}
}
return dot
}
}
    InformationsquelleAutor CodenameDuchess
  2. 7

    J'ai amélioré @CodenameDuchess réponse un peu. Vous pouvez également personnaliser les images sur xibs/story-boards.

    class CustomPageControl: UIPageControl {
@IBInspectable var currentPageImage: UIImage?
@IBInspectable var otherPagesImage: UIImage?
override var numberOfPages: Int {
didSet {
updateDots()
}
}
override var currentPage: Int {
didSet {
updateDots()
}
}
override func awakeFromNib() {
super.awakeFromNib()
pageIndicatorTintColor = .clear
currentPageIndicatorTintColor = .clear
clipsToBounds = false
}
private func updateDots() {
for (index, subview) in subviews.enumerated() {
let imageView: UIImageView
if let existingImageview = getImageView(forSubview: subview) {
imageView = existingImageview
} else {
imageView = UIImageView(image: otherPagesImage)
imageView.center = subview.center
subview.addSubview(imageView)
subview.clipsToBounds = false
}
imageView.image = currentPage == index ? currentPageImage : otherPagesImage
}
}
private func getImageView(forSubview view: UIView) -> UIImageView? {
if let imageView = view as? UIImageView {
return imageView
} else {
let view = view.subviews.first { (view) -> Bool in
return view is UIImageView
} as? UIImageView
return view
}
}
}
    InformationsquelleAutor Politta
  3. 2

    Vous pouvez utiliser UIStackView pour obtenir l'effet que vous voulez.

    Mettre votre activeImageView et d'autres inactiveImageViews en aStackView. Qu'il suffit de changer l'indice de activeImageView dans scrollViewDidScroll(_:).

    func scrollViewDidScroll(_ scrollView: UIScrollView) {
let index = Int(scrollView.contentOffset.x / scrollView.frame.width)
aStackView.insertArrangedSubview(activeImageView, at: index)
}

    ps. UIStackView de insertArrangedSubview(_:at:) juste les mises à jour de la pile de l'indice de la organisées sous-vue si elle est déjà dans le arrangedSubviews liste.

    InformationsquelleAutor a_tuo