ページの下部にデフォルトのUIPageControlを表示する簡単なUIPageViewControllerがあります。 UIPageControlの位置を変更することは可能ですか?画面の下部ではなく上部に表示されます。私は周りを見回してきましたが、独自のUIPageControlを作成する必要があるという古い議論のみを見つけました。 iOS8と9では、これは簡単ですか?ありがとう。
はい、そのためのカスタムページコントローラーを追加できます。
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];
その後削除
- (NSInteger)presentationCountForPageViewController:(UIPageViewController *)pageViewController
そして
- (NSInteger)presentationIndexForPageViewController:(UIPageViewController *)pageViewController
次に、別のデリゲートメソッドを追加します。
- (void)pageViewController:(UIPageViewController *)pageViewController willTransitionToViewControllers:(NSArray<UIViewController *> *)pendingViewControllers
{
PageContentViewController *pageContentView = (PageContentViewController*) pendingViewControllers[0];
self.pageControl.currentPage = pageContentView.pageIndex;
}
PageViewControllerサブクラスでPageControlをルックアップし、フレーム、場所などを設定します
override func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
for subView in view.subviews {
if subView is UIPageControl {
subView.frame.Origin.y = self.view.frame.size.height - 164
}
}
}
PageviewcontrollerのviewDidLayoutSubviews()をオーバーライドし、これを使用します
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
}
Shameerjanの回答は非常に優れていますが、適切に動作するためにもう1つ必要なものがあります。それは別のデリゲートメソッドの実装です。
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;
}
}
これは、そうしない場合、ページコントロールを少しだけ移動すると、前の位置に戻るが、ページコントロールには別のページが表示されるためです。
それが役に立てば幸い!
Swift 4バージョン @Janの回答の修正されたバグユーザーが移行をキャンセルした場合:
最初に、カスタムpageControlを作成します。
_let pageControl = UIPageControl()
_
ビューに追加し、必要に応じて配置します。
_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)
])
_
次に、pageControl
を初期化する必要があります。
_self.pageControl.numberOfPages = self.dataSource.controllers.count
_
最後に、UIPageViewControllerDelegate
とそのメソッド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
}
_
@Janの答えと比較して、pageViewController(_:didFinishAnimating:previousViewControllers:transitionCompleted:)
の代わりにpageViewController(_:willTransitionTo:)
(上記を参照)を使用して_self.pageControl.currentPage
_を更新します。これにより、キャンセルされたトランジションの問題が克服されます-トランジションが完了すると常にpageViewController(_:didFinishAnimating:previousViewControllers:transitionCompleted:)
が呼び出されます(標準ページコントロールの動作をよりよく模倣します)。
最後に、標準ページコントロールを削除するには、UIPageViewControllerDataSource
のpresentationCount(for:)
およびpresentationIndex(for:)
メソッドの実装を必ず削除してください-メソッドが実装されている場合、標準ページコントロール提示されます。
したがって、コードにこれを含めることは望ましくありません。
_func presentationCount(for pageViewController: UIPageViewController) -> Int {
return self.dataSource.controllers.count
}
func presentationIndex(for pageViewController: UIPageViewController) -> Int {
return 0
}
_
はい、Shameerjanの回答は非常に優れていますが、別のページコントロールを追加する代わりに、デフォルトのページインジケーターを使用できます。
- (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;
}
次に、UIPageViewControllerのサイズを拡張して、下のギャップを埋めます。
//somewhere in your code
self.view.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height+40);
これは、新しいものを作成することなく、PageViewControllerのデフォルトのPageControlの位置を変更する非常に効果的な方法です...
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の場合:
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)
pageController.numberOfPagesを使用し、pageViewを委任することを忘れないでください
その後削除
func presentationCountForPageViewController(
pageViewController: UIPageViewController
) -> Int
そして
func presentationIndexForPageViewController(
pageViewController: UIPageViewController
) -> Int
次に、別のデリゲートメソッドを追加します。
func pageViewController(
pageViewController: UIPageViewController,
willTransitionToViewControllers pendingViewControllers:[UIViewController]){
if let itemController = pendingViewControllers[0] as? PageContentViewController {
self.pageController.currentPage = itemController.pageIndex
}
}
}
これが私の見解です。このバージョンでは、アニメーションが終了したとき、つまり、目的のページに到達したときにのみインジケーターが変わります。
/** 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
}
}
}
PageControlがサブビューとして追加されていることを確認してください。それから
-(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;
}
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
}