2017-05-08 31 views
0

我在我的应用程序看起来像这样的几个屏幕(不是从我的应用程序,在网上找到的):最好的办法:滚动视图或视图控制器之间的刷卡

enter image description here

其中之一是实际的介绍屏幕,如上面的一个,另一个将显示一些数据和最后一个视图上的“我同意”按钮。

在所有情况下,用户必须在视图/视图控制器之间滑动。

我知道我可以喜欢这个视图控制器之间滑动:Setting up UIScrollView to swipe between 3 view controllers,我也可以在视图之间采用滑动这样的:

func respondToSwipeGesture(_ gesture: UIGestureRecognizer) 
{ 
    print("respondToSwipeGesture") 

    if let swipeGesture = gesture as? UISwipeGestureRecognizer 
    { 
     switch swipeGesture.direction 
     { 
      case UISwipeGestureRecognizerDirection.right: 
        if(isLeftToRightActive == true) 
        { 
         print("Swiped right") 
         moveTheMainView() 
        } 
      case UISwipeGestureRecognizerDirection.left: 
        if(isLeftToRightActive == false) 
        { 
         print("Swiped left") 
         moveTheMainView() 
        } 
      default: 
       break 
     } 
    } 
} 

func moveTheMainView() 
{ 
    print("moveTheMainView") 

    let mainViewContainerHeight = self.vMainViewContainer.frame.height 
    let mainViewContainerWidth = self.vMainViewContainer.frame.width 

    let mainViewContainerModifiedLeft : CGFloat = mainViewContainerWidth/2 


    if(isLeftToRightActive == false) 
    { 
     print("Move the main view to the right") 

     let urlCRTable = Bundle.main.url(forResource: "CRCharts", withExtension: "html") 
     let crTableRequestObj = URLRequest(url: urlCRTable!) 
     self.wvCRTable.loadRequest(crTableRequestObj) 

     ivIndicator.image = UIImage(named: "SecondOn") 


     isLeftToRightActive = true 
    } 
    else 
    { 
     print("Move the main view to the left") 

     let urlCRTable = Bundle.main.url(forResource: "CRTable", withExtension: "html") 
     let crTableRequestObj = URLRequest(url: urlCRTable!) 
     self.wvCRTable.loadRequest(crTableRequestObj) 

     ivIndicator.image = UIImage(named: "FirstOn") 

     isLeftToRightActive = false 
    } 
} 

所以我想知道什么是做到这一点的最好/正确的做法:以使用多个视图控制器或在同一视图控制器中使用多个视图?还是有其他方式被认为是corect?

+0

我建议你检查[UIPageViewController(https://developer.apple.com/reference/uikit/uipageviewcontroller) –

+0

@AhmadF谢谢,我要一看。 – daydr3am3r

回答

1

我通常做演练这样的,使用PageViewController。你应该在截图中创建这样的场景。和类:

class WalkthroughContentViewController: UIViewController { 

@IBOutlet var headingLabel: UILabel! 
@IBOutlet var contentLabel: UILabel! 
@IBOutlet var contentImageView: UIImageView! 
@IBOutlet var pageControl: UIPageControl! 
@IBOutlet var forwardButton: UIButton! 

var index = 0 
var heading = "" 
var imageFile = "" 
var content = "" 

override func viewDidLoad() { 
    super.viewDidLoad() 

    headingLabel.text = heading 
    contentLabel.text = content 
    contentImageView.image = UIImage(named: imageFile) 
    pageControl.currentPage = index 

    switch index { 
    case 0...1: forwardButton.setTitle("NEXT", for: .normal) 
    case 2: forwardButton.setTitle("DONE", for: .normal) 
    default: break 
    } 

} 
@IBAction func nextButtonTapped(sender: UIButton) { 

    switch index { 
    case 0...1: // Next Button 
     let pageViewController = parent as! WalkthroughPageViewController 
     pageViewController.forward(index: index) 

    case 2: // Done Button 
     UserDefaults.standard.set(true, forKey: "hasViewedWalkthrough") 

     // Add Quick Actions 
     if traitCollection.forceTouchCapability == UIForceTouchCapability.available { 
      let bundleIdentifier = Bundle.main.bundleIdentifier 
      let shortcutItem1 = UIApplicationShortcutItem(type: "\(bundleIdentifier).OpenFavorites", localizedTitle: "Show Favorites", localizedSubtitle: nil, icon: UIApplicationShortcutIcon(templateImageName: "favorite-shortcut"), userInfo: nil) 
      let shortcutItem2 = UIApplicationShortcutItem(type: "\(bundleIdentifier).OpenDiscover", localizedTitle: "Discover Restaurants", localizedSubtitle: nil, icon: UIApplicationShortcutIcon(templateImageName: "discover-shortcut"), userInfo: nil) 
      let shortcutItem3 = UIApplicationShortcutItem(type: "\(bundleIdentifier).NewRestaurant", localizedTitle: "New Restaurant", localizedSubtitle: nil, icon: UIApplicationShortcutIcon(type: .add), userInfo: nil) 
      UIApplication.shared.shortcutItems = [shortcutItem1, shortcutItem2, shortcutItem3] 
     } 

     dismiss(animated: true, completion: nil) 

    default: break 

    } 
} 
} 

class WalkthroughPageViewController: UIPageViewController, UIPageViewControllerDataSource { 

var pageHeadings = ["Personalize", "Locate", "Discover"] 
var pageImages = ["foodpin-intro-1", "foodpin-intro-2", "foodpin-intro-3"] 
var pageContent = ["Pin your favorite restaurants and create your own food guide", 
        "Search and locate your favourite restaurant on Maps", 
        "Find restaurants pinned by your friends and other foodies around the world"] 

override func viewDidLoad() { 
    super.viewDidLoad() 

    // Set the data source to itself 
    dataSource = self 

    // Create the first walkthrough screen 
    if let startingViewController = contentViewController(at: 0) { 
     setViewControllers([startingViewController], direction: .forward, animated: true, completion: nil) 
    } 
} 

// MARK: - UIPageViewControllerDataSource Methods 

func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? { 

    var index = (viewController as! WalkthroughContentViewController).index 
    index -= 1 

    return contentViewController(at: index) 
} 

func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? { 

    var index = (viewController as! WalkthroughContentViewController).index 
    index += 1 

    return contentViewController(at: index) 
} 

// MARK: - Helper Methods 

func contentViewController(at index: Int) -> WalkthroughContentViewController? { 
    if index < 0 || index >= pageHeadings.count { 
     return nil 
    } 

    // Create a new view controller and pass suitable data. 
    if let pageContentViewController = storyboard?.instantiateViewController(withIdentifier: "WalkthroughContentViewController") as? WalkthroughContentViewController { 

     pageContentViewController.imageFile = pageImages[index] 
     pageContentViewController.heading = pageHeadings[index] 
     pageContentViewController.content = pageContent[index] 
     pageContentViewController.index = index 

     return pageContentViewController 
    } 

    return nil 
} 

func forward(index: Int) { 
    if let nextViewController = contentViewController(at: index + 1) { 
     setViewControllers([nextViewController], direction: .forward, animated: true, completion: nil) 
    } 
} 

} 

scenes

+0

谢谢,我会尽快查看PageViewController。 – daydr3am3r

1

如果你有更多的项目,你应该使用UICollectionView,每个项目(在你的图像中的红色背景)将是一个单元格。 这种方式的意见将被重用,性能更好。

+0

感谢您的建议,这是一个有趣的方法。 – daydr3am3r