如何使用UIPageViewController半透明点制作底栏？ [英] How do I make the bottom bar with dots of a UIPageViewController translucent?

问题描述

我正在制作教程，我正在尝试模仿Path教程的样式，如下所示：

有没有办法让这个条形半透明的方式类似于将UINavigationBar设置为半透明？

解决方案

它很容易使它工作。您只需要使pageviewcontroller更高，并将PageControl放入XIB文件中。
诀窍是将PageControl置于前台（以及所有其他常用控件）的开头，并使用PageViewController更新PageControl的内容。以下是代码：

   - （void）viewDidLoad 
 {
 [super viewDidLoad]; 
 //从其笔尖加载视图后进行任何其他设置。 
 
 self.pageController = [[UIPageViewController alloc] initWithTransitionStyle：UIPageViewControllerTransitionStyleScroll navigationOrientation：UIPageViewControllerNavigationOrientationHorizo​​ntal options：nil]; 
 
 self.pageController.dataSource = self; 
 //我们需要通过使框架更高（+ 37）
来覆盖所有控件[[self.pageController view] setFrame：CGRectMake（0,0，[[self view] bounds] .size .width，[[self view] bounds] .size.height + 37）]; 
 
 TutorialPageViewController * initialViewController = [self viewControllerAtIndex：0]; 
 
 NSArray * viewControllers = [NSArray arrayWithObject：initialViewController]; 
 
 [self.pageController setViewControllers：viewControllers direction：UIPageViewControllerNavigationDirectionForward animated：NO completion：nil]; 
 
 [self addChildViewController：self.pageController]; 
 [[self view] addSubview：[self.pageController view]]; 
 [self.pageController didMoveToParentViewController：self]; 
 
 //将公共控件带到前台（因为框架较高，它们被隐藏）
 [self.view bringSubviewToFront：self.pcDots]; 
 [self.view bringSubviewToFront：self.btnSkip]; 
} 
 
  - （UIViewController *）pageViewController：（UIPageViewController *）pageViewController viewControllerBeforeViewController：（UIViewController *）viewController {
 
 NSUInteger index = [（TutorialPageViewController *）viewController指数]; 
 
 [self.pcDots setCurrentPage：index]; 
 
 if（index == 0）{
 return nil; 
} 
 
 index--; 
 
 return [self viewControllerAtIndex：index]; 
} 
 
  - （UIViewController *）pageViewController：（UIPageViewController *）pageViewController viewControllerAfterViewController：（UIViewController *）viewController {
 
 NSUInteger index = [（TutorialPageViewController *）viewController指数]; 
 
 [self.pcDots setCurrentPage：index]; 
 
 index ++; 
 
 if（index == 3）{
 return nil; 
} 
 
 return [self viewControllerAtIndex：index]; 
} 
 
  - （TutorialPageViewController *）viewControllerAtIndex：（NSUInteger）index {
 
 TutorialPageViewController * childViewController = [[TutorialPageViewController alloc] initWithNibName：@TutorialPageViewControllerbundle：零]; 
 childViewController.index = index; 
 
返回childViewController; 
} 
 
  - （NSInteger）presentationCountForPageViewController：（UIPageViewController *）pageViewController {
 //页面指示符中反映的项目数。 
 NSInteger tutorialSteps = 3; 
 [self.pcDots setNumberOfPages：tutorialSteps]; 
 
返回tutorialSteps; 
} 
 
  - （NSInteger）presentationIndexForPageViewController：（UIPageViewController *）pageViewController {
 //页面指示器中反映的所选项目。 
返回0; 
} 
  

I'm in the process of making a tutorial, and I'm trying to emulate the style of Path's tutorial like so:

http://www.appcoda.com/wp-content/uploads/2013/06/UIPageViewController-Tutorial-Screen.jpg

My issue is that if set the delegate method as so:

- (NSInteger)presentationCountForPageViewController:(UIPageViewController *)pageViewController {
    // The number of items reflected in the page indicator.
    return 5;
}

Then I get this stupid black bar under the dots:

http://i.stack.imgur.com/pUEdh.png

Is there a way to make this bar translucent in a way thats similar to setting a UINavigationBar to translucent?

解决方案

It is very easy to make it work. You just only have to make the pageviewcontroller taller, and place a PageControl into the XIB file. The trick is put the PageControl in the foreground (and all the other common controls) at the beginning, and update the content of the PageControl with the PageViewController. Here is the code:

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

    self.pageController = [[UIPageViewController alloc] initWithTransitionStyle:UIPageViewControllerTransitionStyleScroll navigationOrientation:UIPageViewControllerNavigationOrientationHorizontal options:nil];

    self.pageController.dataSource = self;
    // We need to cover all the control by making the frame taller (+ 37)
    [[self.pageController view] setFrame:CGRectMake(0, 0, [[self view] bounds].size.width, [[self view] bounds].size.height + 37)];

    TutorialPageViewController *initialViewController = [self viewControllerAtIndex:0];

    NSArray *viewControllers = [NSArray arrayWithObject:initialViewController];

    [self.pageController setViewControllers:viewControllers direction:UIPageViewControllerNavigationDirectionForward animated:NO completion:nil];

    [self addChildViewController:self.pageController];
    [[self view] addSubview:[self.pageController view]];
    [self.pageController didMoveToParentViewController:self];

    // Bring the common controls to the foreground (they were hidden since the frame is taller)
    [self.view bringSubviewToFront:self.pcDots];
    [self.view bringSubviewToFront:self.btnSkip];
}

- (UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerBeforeViewController:(UIViewController *)viewController {

    NSUInteger index = [(TutorialPageViewController *)viewController index];

    [self.pcDots setCurrentPage:index];

    if (index == 0) {
        return nil;
    }

    index--;

    return [self viewControllerAtIndex:index];
}

- (UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerAfterViewController:(UIViewController *)viewController {

    NSUInteger index = [(TutorialPageViewController *)viewController index];

    [self.pcDots setCurrentPage:index];

    index++;

    if (index == 3) {
        return nil;
    }

    return [self viewControllerAtIndex:index];
}

- (TutorialPageViewController *)viewControllerAtIndex:(NSUInteger)index {

    TutorialPageViewController *childViewController = [[TutorialPageViewController alloc] initWithNibName:@"TutorialPageViewController" bundle:nil];
    childViewController.index = index;

    return childViewController;
}

- (NSInteger)presentationCountForPageViewController:(UIPageViewController *)pageViewController {
    // The number of items reflected in the page indicator.
    NSInteger tutorialSteps = 3;
    [self.pcDots setNumberOfPages:tutorialSteps];

    return tutorialSteps;
}

- (NSInteger)presentationIndexForPageViewController:(UIPageViewController *)pageViewController {
    // The selected item reflected in the page indicator.
    return 0;
}

这篇关于如何使用UIPageViewController半透明点制作底栏？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！