Как добавить представления в UIScrollView и синхронизировать его с UIPageControl? - PullRequest
Новая
       19

Как добавить представления в UIScrollView и синхронизировать его с UIPageControl?

3 голосов
/ 30 января 2012

Мне нужно динамически создавать некоторые представления в моем приложении и снова динамически размещать на них несколько кнопок.Если количество (количество) кнопок больше десяти, я хочу разместить кнопки в новом представлении, и переходы между представлениями должны быть с UIPageControl.Несмотря на то, что я гуглил и искал со страницы разработчика Apple, я не смог найти способ решить мою проблему.Может кто-нибудь помочь, пожалуйста?

1 Ответ

11 голосов
/ 30 января 2012

Добавьте ваши представления как параллельные подпредставления UIScrollView, используя метод addSubview.Затем используйте UIPageControl с UIScrollView, как в этом примере .

. Я создал класс, который управляет UIScrollView, UIPageControl и массивом UIViews.Это упрощенная версия того, что я использую в своем собственном коде.Это делает следующее:

  • Устанавливает представление прокрутки для отображения массива UIViews.Не имеет значения, были ли представления сгенерированы динамически или нет.
  • Обрабатывает события прокрутки и управления страницей.
  • Синхронизирует представление прокрутки с элементом управления страницей.

PageViewManager.h 

#import <Foundation/Foundation.h>

@interface PageViewManager : NSObject <UIScrollViewDelegate>
{
    UIScrollView* scrollView_;
    UIPageControl* pageControl_;
    NSArray* pages_;
    BOOL pageControlUsed_;
    NSInteger pageIndex_;
}

- (id)initWithScrollView:(UIScrollView*)scrollView
             pageControl:(UIPageControl*)pageControl;
- (void)loadPages:(NSArray*)pages;
- (void)loadControllerViews:(NSArray*)pageControllers;

@end

PageViewManager.m 

#import "PageViewManager.h"

@interface PageViewManager ()

- (void)pageControlChanged;

@end

@implementation PageViewManager

- (id)initWithScrollView:(UIScrollView*)scrollView
             pageControl:(UIPageControl*)pageControl
{
    self = [super init];
    if (self)
    {
        scrollView_ = scrollView;
        pageControl_ = pageControl;
        pageControlUsed_ = NO;
        pageIndex_ = 0;

        [pageControl_ addTarget:self action:@selector(pageControlChanged)
               forControlEvents:UIControlEventValueChanged];
    }
    return self;
}

/*  Setup the PageViewManager with an array of UIViews. */
- (void)loadPages:(NSArray*)pages
{
    pages_ = pages;
    scrollView_.delegate = self;
    pageControl_.numberOfPages = [pages count];

    CGFloat pageWidth  = scrollView_.frame.size.width;
    CGFloat pageHeight = scrollView_.frame.size.height;

    scrollView_.pagingEnabled = YES;
    scrollView_.contentSize = CGSizeMake(pageWidth*[pages_ count], pageHeight);
    scrollView_.scrollsToTop = NO;
    scrollView_.delaysContentTouches = NO;

    [pages_ enumerateObjectsUsingBlock:^(id obj, NSUInteger index, BOOL *stop)
    {
        UIView* page = obj;
        page.frame = CGRectMake(pageWidth * index, 0,
                                pageWidth, pageHeight);
        [scrollView_ addSubview:page];
    }];
}

/*  Setup the PageViewManager with an array of UIViewControllers. */
- (void)loadControllerViews:(NSArray*)pageControllers
{
    NSMutableArray* pages = [NSMutableArray arrayWithCapacity:
                             pageControllers.count];
    [pageControllers enumerateObjectsUsingBlock:
        ^(id obj, NSUInteger idx, BOOL *stop)
        {
            UIViewController* controller = obj;
            [pages addObject:controller.view];
        }];

    [self loadPages:pages];
}

- (void)pageControlChanged
{
    pageIndex_ = pageControl_.currentPage;

    // Set the boolean used when scrolls originate from the page control.
    pageControlUsed_ = YES;

    // Update the scroll view to the appropriate page
    CGFloat pageWidth  = scrollView_.frame.size.width;
    CGFloat pageHeight = scrollView_.frame.size.height;
    CGRect rect = CGRectMake(pageWidth * pageIndex_, 0, pageWidth, pageHeight);
    [scrollView_ scrollRectToVisible:rect animated:YES];
}

- (void)scrollViewDidScroll:(UIScrollView*)sender
{
    // If the scroll was initiated from the page control, do nothing.
    if (!pageControlUsed_)
    {
        /*  Switch the page control when more than 50% of the previous/next
            page is visible. */
        CGFloat pageWidth = scrollView_.frame.size.width;
        CGFloat xOffset = scrollView_.contentOffset.x;
        int index = floor((xOffset - pageWidth/2) / pageWidth) + 1;
        if (index != pageIndex_)
        {
            pageIndex_ = index;
            pageControl_.currentPage = index;
        }
    }
}

- (void)scrollViewWillBeginDragging:(UIScrollView*)scrollView
{
    pageControlUsed_ = NO;
}

- (void)scrollViewDidEndDecelerating:(UIScrollView*)scrollView
{
    pageControlUsed_ = NO;
}

@end

Чтобы использовать этот класс, вы встраиваете его в UIViewController, который содержит UIScrollViewи UIPageControl.

Использование: 

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    // Create some views dynamically
    UIView* v1 = ...
    UIView* v2 = ...

    // Put the views inside an NSArray:
    NSArray* pages_ = [NSArray arrayWithObjects:v1, v2, nil];

    /* Create the PageViewManager, which is a member (or property) of this
       UIViewController. The UIScrollView and UIPageControl belong to this 
       UIViewController, but we're letting the PageViewManager manage them for us. */
    pageViewManager_ = [[PageViewManager alloc]
                        initWithScrollView:self.scrollView
                               pageControl:self.pageControl];

    // Make the PageViewManager display our array of UIViews on the UIScrollView.
    [pageViewManager_ loadViews:pages_];
}

В моем примере кода предполагается, что вы используете ARC.

...