Comment changer la position de UIPageControl dans iOS & gt; = 8.0?

J'ai un simple UIPageViewController qui affiche la valeur par défaut UIPageControl au bas des pages. Je me demande si il est possible de modifier la position de la UIPageControl, par exemple, d'être en haut de l'écran plutôt que le fond.
J'ai été en regardant autour et trouvé seulement de vieilles discussions, que dis-je créer mon propre UIPageControl.
Est-ce plus simple avec iOS8 et 9?
Merci.

source d'informationauteur Nguyen Thu

Oui, vous pouvez ajouter des contrôleur de la page.

self.pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, self.view.frame.size.height - 50, self.view.frame.size.width, 50)]; //your position

[self.view addSubview: self.pageControl];

puis retirez

- (NSInteger)presentationCountForPageViewController:(UIPageViewController *)pageViewController

- (NSInteger)presentationIndexForPageViewController:(UIPageViewController *)pageViewController

Puis ajouter un autre délégué de la méthode:

- (void)pageViewController:(UIPageViewController *)pageViewController willTransitionToViewControllers:(NSArray<UIViewController *> *)pendingViewControllers
 {
     PageContentViewController *pageContentView = (PageContentViewController*) pendingViewControllers[0];
     self.pageControl.currentPage = pageContentView.pageIndex;
 }

Remplacer la viewDidLayoutSubviews() de la pageviewcontroller et utiliser ce

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    //get pageControl and scroll view from view's subviews
    let pageControl = view.subviews.filter{ $0 is UIPageControl }.first! as! UIPageControl
    let scrollView = view.subviews.filter{ $0 is UIScrollView }.first! as! UIScrollView
    //remove all constraint from view that are tied to pagecontrol
    let const = view.constraints.filter { $0.firstItem as? NSObject == pageControl || $0.secondItem as? NSObject == pageControl }
    view.removeConstraints(const)

    //customize pagecontroll
    pageControl.translatesAutoresizingMaskIntoConstraints = false
    pageControl.addConstraint(pageControl.heightAnchor.constraintEqualToConstant(35))
    pageControl.backgroundColor = view.backgroundColor

    //create constraints for pagecontrol
    let leading = pageControl.leadingAnchor.constraintEqualToAnchor(view.leadingAnchor)
    let trailing = pageControl.trailingAnchor.constraintEqualToAnchor(view.trailingAnchor)
    let bottom = pageControl.bottomAnchor.constraintEqualToAnchor(scrollView.topAnchor, constant:8) //add to scrollview not view

    //pagecontrol constraint to view
    view.addConstraints([leading, trailing, bottom])
    view.bounds.origin.y -= pageControl.bounds.maxY
}

La Shameerjan réponse est très bon, mais il a besoin d'une chose de plus à fonctionner correctement, et qui est de la mise en œuvre d'un autre délégué de la méthode:

func pageViewController(pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {

    //If user bailed our early from the gesture, 
    //we have to revert page control to previous position
    if !completed {
         let pageContentView = previousViewControllers[0] as! PageContentViewController;
         self.pageControl.currentPage = pageContentView.pageIndex;
    }
}

C'est parce que si vous ne le faites pas, si vous déplacez le contrôle de page juste pour un peu, il va revenir à la position précédente - mais le contrôle de page vous montrera les différentes page.

Espère que cela aide!

Juste recherche de contrôle pagecontrol dans PageViewController sous-classe et de définir le cadre, l'emplacement ou ce que vous voulez

override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        for subView in view.subviews {
            if  subView is  UIPageControl {
                subView.frame.origin.y = self.view.frame.size.height - 164
            }
        }
    }

Pour swift:

self.pageController = UIPageControl(
                                     frame: CGRect(
                                         x: 0,
                                         y: self.view.frame.size.height - 50,
                                         width: self.view.frame.size.width,
                                         height: 50
                                     )
                                   )

self.view.addSubview(pageController)

rappelez-vous utiliser pageController.numberOfPages et délégué à la consultation de la page

puis retirez

func presentationCountForPageViewController(
    pageViewController: UIPageViewController
) -> Int

func presentationIndexForPageViewController(
    pageViewController: UIPageViewController
) -> Int

Puis ajouter un autre délégué de la méthode:

func pageViewController(
    pageViewController: UIPageViewController,
    willTransitionToViewControllers pendingViewControllers:[UIViewController]){
       if let itemController = pendingViewControllers[0] as? PageContentViewController {
           self.pageController.currentPage = itemController.pageIndex
       }
    }
}

Oui, le Shameerjan réponse est très bonne, mais au lieu d'ajouter une autre page de contrôle vous pouvez utiliser la page par défaut de l'indicateur:

- (UIPageControl*)pageControl {
for (UIView* view in self.view.subviews) {
    if ([view isKindOfClass:[UIPageControl class]]) {
        //set new pageControl position
        view.frame = CGRectMake( 100, 200, width, height);
        return (id)view;
    }
}
return nil;
}

puis étendre la taille de la UIPageViewController pour couvrir le fond de l'écart:

//somewhere in your code
self.view.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height+40);

s voici un moyen très efficace pour modifier la position par défaut du contrôle pagecontrol pour la PageViewController sans avoir le besoin d'en créer un nouveau ...

extension UIPageViewController {
override open func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    for subV in self.view.subviews {
        if type(of: subV).description() == "UIPageControl" {
            let pos = CGPoint(x: subV.frame.origin.x, y: subV.frame.origin.y - 75 * 2)
            subV.frame = CGRect(origin: pos, size: subV.frame.size)
        }
    }
}
}

Swift 4 version de @Jan réponse avec correction d'un bug lorsque l'utilisateur annule la transition:

D'abord, vous créez personnalisé contrôle pagecontrol:

let pageControl = UIPageControl()

Vous l'ajouter à la vue et à la positionner comme vous le souhaitez:

self.view.addSubview(self.pageControl)
self.pageControl.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    self.pageControl.leftAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.leftAnchor, constant: 43),
    self.pageControl.bottomAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.bottomAnchor, constant: -33)
])

Ensuite, vous devez initialiser le pageControl:

self.pageControl.numberOfPages = self.dataSource.controllers.count

Enfin, vous avez besoin pour mettre en œuvre UIPageViewControllerDelegateet sa méthode pageViewController(_:didFinishAnimating:previousViewControllers:transitionCompleted:):

func pageViewController(_ pageViewController: UIPageViewController,
                        didFinishAnimating finished: Bool,
                        previousViewControllers: [UIViewController],
                        transitionCompleted completed: Bool) {
    //this will get you currently presented view controller
    guard let selectedVC = pageViewController.viewControllers?.first else { return }

    //and its index in the dataSource's controllers (I'm using force unwrap, since in my case pageViewController contains only view controllers from my dataSource)
    let selectedIndex = self.dataSource.controllers.index(of: selectedVC)!
    //and we update the current page in pageControl
    self.pageControl.currentPage = selectedIndex
}

En comparaison avec @Jan réponse, nous mettons à jour self.pageControl.currentPage à l'aide de pageViewController(_:didFinishAnimating:previousViewControllers:transitionCompleted:) (illustré ci-dessus), au lieu de pageViewController(_:willTransitionTo:). Ce qui résout le problème de l'annulation de transition - pageViewController(_:didFinishAnimating:previousViewControllers:transitionCompleted:) s'appelle toujours quand une transition qui a été achevé (il est aussi mieux imite le comportement de la norme de contrôle de page).

Enfin, pour supprimer la page standard de contrôle, assurez-vous de retirer la mise en œuvre de presentationCount(for:) et presentationIndex(for:) méthodes de la UIPageViewControllerDataSource - si les moyens sont mis en œuvre, la norme de contrôle de page seront présentés.

Donc, vous ne voulez PAS avoir dans votre code:

func presentationCount(for pageViewController: UIPageViewController) -> Int {
    return self.dataSource.controllers.count
}


func presentationIndex(for pageViewController: UIPageViewController) -> Int {
    return 0
}

Voici mon point de vue. Cette version uniquement des modifications de l'indicateur lorsque l'animation est terminée, c'est à dire lorsque vous arriverez à la page de destination.

/** Each page you add to the UIPageViewController holds its index */
class Page: UIViewController {
    var pageIndex = 0
}

class MyPageController : UIPageViewController {

    private let pc = UIPageControl()
    private var pendingPageIndex = 0

    //... add pc to your view, and add Pages ... 

    /** Will transition, so keep the page where it goes */
    func pageViewController(_ pageViewController: UIPageViewController, willTransitionTo pendingViewControllers: [UIViewController])
    {
        let controller = pendingViewControllers[0] as! Page
        pendingPageIndex = controller.pageIndex
    }

    /** Did finish the transition, so set the page where was going */
    func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool)
    {
        if (completed) {
            pc.currentPage = pendingPageIndex
        }
    }
}

C'est bon, et avec plus de changement

var pendingIndex = 0;
func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {
    if completed {
        pageControl.currentPage = pendingIndex
    }
}

func pageViewController(_ pageViewController: UIPageViewController, willTransitionTo pendingViewControllers: [UIViewController]) {
    let itemController = pendingViewControllers.first as! IntroPageItemViewController
    pendingIndex = itemController.itemIndex
}

Assurez-vous de contrôle pagecontrol est ajouté en tant que sous-vue.
Puis dans

-(void)viewDidLayoutSubviews {
      [super viewDidLayoutSubviews];

      CGRect frame = self.pageControl.frame;
      frame.origin.x = self.view.frame.size.width/2 - 
                       frame.size.width/2;
      frame.origin.y = self.view.frame.size.height - 100 ;
      self.pageControl.numberOfPages = self.count;
      self.pageControl.currentPage = self.currentIndex;
      self.pageControl.frame = frame;
 }

-1

Viens d'obtenir le premier-vue-contrôleur et trouvez les index dans didFinishAnimating:

 func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {

    pageControl.currentPage = onboardingViewControllers.index(of: pageViewController.viewControllers!.first!)!
}

Vous devez vous connecter pour publier un commentaire.