blocks|key|1305351|text|在我的例子中，我的视图相当复杂，我不能仅仅改变不同视图的隐藏属性，因为它会占用太多的内存。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1305352|我尝试了几个解决方案，但没有一个对我有效，或者运行不稳定，特别是在navBar的titleView在推送/弹出视图时不总是显示segmentedControl的情况下。|1305353|我找到了这篇关于这个问题的博客文章，它解释了如何以正确的方式做到这一点。在2010年的WWDC大会上，他似乎得到了苹果工程师的帮助，提出了这个解决方案。|1305354|http://redartisan.com/2010/6/27/uisegmented-control-view-switching-revisited|offset|length|1305355|这个链接中的解决方案是我到目前为止找到的关于这个问题的最佳解决方案。稍作调整，它也能很好地与底部的tabBar配合使用|1305356|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|24|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@$H|W|I|X|1|Y]]|A|$]]|$1|J|3|K|5|6|7|Z|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|G]]]]

In my case my views are quite complex and I cannot just change the hidden property of different views because it would take up too much memory.

I've tried several solutions and non of them worked for me, or performed erratically, specially with the titleView of the navBar not always showing the segmentedControl when pushing/popping views.

I found this blog post about the issue that explains how to do it in the proper way. Seems he had the aid of Apple engineers at WWDC'2010 to come up with this solution.

<a href="http://redartisan.com/2010/6/27/uisegmented-control-view-switching-revisited" rel="noreferrer">http://redartisan.com/2010/6/27/uisegmented-control-view-switching-revisited</a>

The solution in this link is hands down the best solution I've found about the issue so far. With a little bit of adjustment it also worked fine with a tabBar at the bottom

blocks|key|1520268|text|或者，如果它是一个表，您可以重新装入该表，然后在cellForRowAtIndex中，根据所选的段选项从不同的数据源填充该表。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1520269|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Or if its a table, you can reload the table and in cellForRowAtIndex, populate the table from different data sources based on the segment option selected.

blocks|key|1520330|text|一个想法是让具有分段控件的视图具有一个容器视图，您可以用不同的子视图填充该容器视图(当切换分段时，将其作为容器视图的唯一子视图添加)。您甚至可以为这些子视图设置单独的视图控制器，尽管如果需要的话，您必须转发"viewWillAppear“和"viewWillDisappear”等重要方法(并且必须告诉它们它们位于哪个导航控制器之下)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1520331|通常，这样做效果很好，因为您可以在IB中使用container布局主视图，并且子视图将填充容器允许它们拥有的任何空间(确保正确设置自动调整蒙版大小)。|1520332|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

One idea is to have the view with the segmented controls have a container view that you fill with the different subviews (add as a sole subview of the container view when the segments are toggled). You can even have separate view controllers for those subviews, though you have to forward on important methods like "viewWillAppear" and "viewWillDisappear" if you need them (and they will have to be told what navigation controller they are under).

Generally that works pretty well because you can lay out the main view with container in IB, and the subviews will fill whatever space the container lets them have (make sure your autoresize masks are set up properly).

blocks|key|1520401|text|试着使用SNFSegmentedViewController，这是一个开源组件，它可以通过UITabBarController这样的设置来实现您想要的功能。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1520402|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/sethfri/SNFSegmentedViewController^0|4|Q|19|I|4|Q|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

Try using <a href="https://github.com/sethfri/SNFSegmentedViewController" rel="nofollow"><code>SNFSegmentedViewController</code></a>, an open-source component that does exactly what you're looking for with a setup like <code>UITabBarController</code>.

blocks|key|1520443|text|在中分配.H|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1520444|+UISegmentedControl+*lblSegChange;

-+(IBAction)segValChange:(UISegmentedControl+*)+sender|code-block|syntax|javascript|1520445|声明.M|1520446|-+(IBAction)segValChange:(UISegmentedControl+*)+sender
{

+if(sender.selectedSegmentIndex==0)
+{
++viewcontroller1+*View=[[viewcontroller+alloc]init];
++[self.navigationController+pushViewController:view+animated:YES];
+}
+else+
+{
++viewcontroller2+*View2=[[viewcontroller2+alloc]init];
++[self.navigationController+pushViewController:view2+animated:YES];
+}
}+|1520447|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Assign .H in 

<pre><code> UISegmentedControl *lblSegChange;

- (IBAction)segValChange:(UISegmentedControl *) sender
</code></pre>

Declare .M 

<pre><code>- (IBAction)segValChange:(UISegmentedControl *) sender
{

 if(sender.selectedSegmentIndex==0)
 {
 viewcontroller1 *View=[[viewcontroller alloc]init];
 [self.navigationController pushViewController:view animated:YES];
 }
 else 
 {
 viewcontroller2 *View2=[[viewcontroller2 alloc]init];
 [self.navigationController pushViewController:view2 animated:YES];
 }
} 
</code></pre>

blocks|key|1520475|text|根据@Ronnie+Liew的回答，我创建了以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1520476|//
//++ViewController.m
//++ResearchSegmentedView
//
//++Created+by+Ta+Quoc+Viet+on+5/1/14.
//++Copyright+(c)+2014+Ta+Quoc+Viet.+All+rights+reserved.
//
#define+SIZE_OF_SEGMENT+56
#import+"ViewController.h"

@interface+ViewController+()

@end

@implementation+ViewController
@synthesize+theSegmentControl;
UIView+*firstView;
UIView+*secondView;
CGRect+leftRect;
CGRect+centerRect;
CGRect+rightRect;
-+(void)viewDidLoad
{
++++[super+viewDidLoad];
++++leftRect+=+CGRectMake(-self.view.frame.size.width,+SIZE_OF_SEGMENT,+self.view.frame.size.width,+self.view.frame.size.height-SIZE_OF_SEGMENT);
++++centerRect+=+CGRectMake(0,+SIZE_OF_SEGMENT,+self.view.frame.size.width,+self.view.frame.size.height-SIZE_OF_SEGMENT);
++++rightRect+=+CGRectMake(self.view.frame.size.width,+SIZE_OF_SEGMENT,+self.view.frame.size.width,+self.view.frame.size.height-SIZE_OF_SEGMENT);

++++firstView+=+[[UIView+alloc]+initWithFrame:centerRect];
++++[firstView+setBackgroundColor:[UIColor+orangeColor]];
++++secondView+=+[[UIView+alloc]+initWithFrame:rightRect];
++++[secondView+setBackgroundColor:[UIColor+greenColor]];
++++[self.view+addSubview:firstView];
++++[self.view+addSubview:secondView];

}

-+(void)didReceiveMemoryWarning
{
++++[super+didReceiveMemoryWarning];
++++//+Dispose+of+any+resources+that+can+be+recreated.
}

-+(IBAction)segmentSwitch:(UISegmentedControl*)sender+{
++++NSInteger+selectedSegment+=+sender.selectedSegmentIndex;
++++[UIView+beginAnimations:nil+context:nil];
++++[UIView+setAnimationDuration:0.2];
++++if+(selectedSegment+==+0)+{
++++++++//toggle+the+correct+view+to+be+visible
++++++++firstView.frame+=+centerRect;
++++++++secondView.frame+=+rightRect;
++++}
++++else{
++++++++//toggle+the+correct+view+to+be+visible
++++++++firstView.frame+=+leftRect;
++++++++secondView.frame+=+centerRect;
++++}
++++[UIView+commitAnimations];
}
@end|code-block|syntax|javascript|1520477|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

From the answer of @Ronnie Liew, I create this:

<pre><code>//
// ViewController.m
// ResearchSegmentedView
//
// Created by Ta Quoc Viet on 5/1/14.
// Copyright (c) 2014 Ta Quoc Viet. All rights reserved.
//
#define SIZE_OF_SEGMENT 56
#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController
@synthesize theSegmentControl;
UIView *firstView;
UIView *secondView;
CGRect leftRect;
CGRect centerRect;
CGRect rightRect;
- (void)viewDidLoad
{
 [super viewDidLoad];
 leftRect = CGRectMake(-self.view.frame.size.width, SIZE_OF_SEGMENT, self.view.frame.size.width, self.view.frame.size.height-SIZE_OF_SEGMENT);
 centerRect = CGRectMake(0, SIZE_OF_SEGMENT, self.view.frame.size.width, self.view.frame.size.height-SIZE_OF_SEGMENT);
 rightRect = CGRectMake(self.view.frame.size.width, SIZE_OF_SEGMENT, self.view.frame.size.width, self.view.frame.size.height-SIZE_OF_SEGMENT);

 firstView = [[UIView alloc] initWithFrame:centerRect];
 [firstView setBackgroundColor:[UIColor orangeColor]];
 secondView = [[UIView alloc] initWithFrame:rightRect];
 [secondView setBackgroundColor:[UIColor greenColor]];
 [self.view addSubview:firstView];
 [self.view addSubview:secondView];

}

- (void)didReceiveMemoryWarning
{
 [super didReceiveMemoryWarning];
 // Dispose of any resources that can be recreated.
}

- (IBAction)segmentSwitch:(UISegmentedControl*)sender {
 NSInteger selectedSegment = sender.selectedSegmentIndex;
 [UIView beginAnimations:nil context:nil];
 [UIView setAnimationDuration:0.2];
 if (selectedSegment == 0) {
 //toggle the correct view to be visible
 firstView.frame = centerRect;
 secondView.frame = rightRect;
 }
 else{
 //toggle the correct view to be visible
 firstView.frame = leftRect;
 secondView.frame = centerRect;
 }
 [UIView commitAnimations];
}
@end
</code></pre>

blocks|key|1305491|text|Swift版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1305492|父视图控制器负责设置每个子视图控制器的视图的大小和位置。子视图控制器的视图成为父视图控制器的视图层次结构的一部分。|1305493|定义惰性属性：|1305494|private+lazy+var+summaryViewController:+SummaryViewController+=+{
+++//+Load+Storyboard
+++let+storyboard+=+UIStoryboard(name:+"Main",+bundle:+Bundle.main)

+++//+Instantiate+View+Controller
+++var+viewController+=+storyboard.instantiateViewController(withIdentifier:+"SummaryViewController")+as!+SummaryViewController

+++//+Add+View+Controller+as+Child+View+Controller
+++self.add(asChildViewController:+viewController)

+++return+viewController
}()

private+lazy+var+sessionsViewController:+SessionsViewController+=+{
++++//+Load+Storyboard
++++let+storyboard+=+UIStoryboard(name:+"Main",+bundle:+Bundle.main)

++++//+Instantiate+View+Controller
++++var+viewController+=+storyboard.instantiateViewController(withIdentifier:+"SessionsViewController")+as!+SessionsViewController

++++//+Add+View+Controller+as+Child+View+Controller
++++self.add(asChildViewController:+viewController)

++++return+viewController
}()|code-block|syntax|javascript|1305495|显示/隐藏子视图控制器：|1305496|private+func+add(asChildViewController+viewController:+UIViewController)+{
++++//+Add+Child+View+Controller
++++addChildViewController(viewController)

++++//+Add+Child+View+as+Subview
++++view.addSubview(viewController.view)

++++//+Configure+Child+View
++++viewController.view.frame+=+view.bounds
++++viewController.view.autoresizingMask+=+[.flexibleWidth,+.flexibleHeight]

++++//+Notify+Child+View+Controller
++++viewController.didMove(toParentViewController:+self)
}

private+func+remove(asChildViewController+viewController:+UIViewController)+{
++++//+Notify+Child+View+Controller
++++viewController.willMove(toParentViewController:+nil)

++++//+Remove+Child+View+From+Superview
++++viewController.view.removeFromSuperview()

++++//+Notify+Child+View+Controller
++++viewController.removeFromParentViewController()
}|1305497|管理SegmentedControl+tapEvent|1305498|private+func+updateView()+{
++++if+segmentedControl.selectedSegmentIndex+==+0+{
++++++++remove(asChildViewController:+sessionsViewController)
++++++++add(asChildViewController:+summaryViewController)
++++}+else+{
++++++++remove(asChildViewController:+summaryViewController)
++++++++add(asChildViewController:+sessionsViewController)
++++}
}|1305499|当然，你也可以在你的子视图控制器类中使用：|1305500|override+func+viewWillAppear(_+animated:+Bool)+{
++++super.viewWillAppear(animated)
++++print("Summary+View+Controller+Will+Appear")
}

override+func+viewWillDisappear(_+animated:+Bool)+{
++++super.viewWillDisappear(animated)
++++print("Summary+View+Controller+Will+Disappear")
}|1305501|参考：https://cocoacasts.com/managing-view-controllers-with-container-view-controllers/|offset|length|1305502|entityMap|0|LINK|mutability|MUTABLE|url|https://cocoacasts.com/managing-view-controllers-with-container-view-controllers/^0|0|0|0|0|0|0|0|0|0|0|3|29|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|1B|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|1C|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|1D|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|1E|8|@]|9|@]|A|$]]|$1|Q|3|R|5|H|7|1F|8|@]|9|@]|A|$I|J]]|$1|S|3|T|5|6|7|1G|8|@]|9|@]|A|$]]|$1|U|3|V|5|H|7|1H|8|@]|9|@]|A|$I|J]]|$1|W|3|X|5|6|7|1I|8|@]|9|@$Y|1J|Z|1K|1|1L]]|A|$]]|$1|10|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17]]]]

Swift version:

The parent view controller is responsible for setting the size and position of the view of each child view controller. The view of the child view controller becomes part of the parent view controller's view hierarchy.

Define lazy properties: 

<pre><code>private lazy var summaryViewController: SummaryViewController = {
 // Load Storyboard
 let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)

 // Instantiate View Controller
 var viewController = storyboard.instantiateViewController(withIdentifier: "SummaryViewController") as! SummaryViewController

 // Add View Controller as Child View Controller
 self.add(asChildViewController: viewController)

 return viewController
}()

private lazy var sessionsViewController: SessionsViewController = {
 // Load Storyboard
 let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)

 // Instantiate View Controller
 var viewController = storyboard.instantiateViewController(withIdentifier: "SessionsViewController") as! SessionsViewController

 // Add View Controller as Child View Controller
 self.add(asChildViewController: viewController)

 return viewController
}()
</code></pre>

Show/Hide Child View Controllers:

<pre><code>private func add(asChildViewController viewController: UIViewController) {
 // Add Child View Controller
 addChildViewController(viewController)

 // Add Child View as Subview
 view.addSubview(viewController.view)

 // Configure Child View
 viewController.view.frame = view.bounds
 viewController.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]

 // Notify Child View Controller
 viewController.didMove(toParentViewController: self)
}

private func remove(asChildViewController viewController: UIViewController) {
 // Notify Child View Controller
 viewController.willMove(toParentViewController: nil)

 // Remove Child View From Superview
 viewController.view.removeFromSuperview()

 // Notify Child View Controller
 viewController.removeFromParentViewController()
}
</code></pre>

Manage SegmentedControl tapEvent

<pre><code>private func updateView() {
 if segmentedControl.selectedSegmentIndex == 0 {
 remove(asChildViewController: sessionsViewController)
 add(asChildViewController: summaryViewController)
 } else {
 remove(asChildViewController: summaryViewController)
 add(asChildViewController: sessionsViewController)
 }
}
</code></pre>

And of course you are able to use within your child view controller classes:

<pre><code>override func viewWillAppear(_ animated: Bool) {
 super.viewWillAppear(animated)
 print("Summary View Controller Will Appear")
}

override func viewWillDisappear(_ animated: Bool) {
 super.viewWillDisappear(animated)
 print("Summary View Controller Will Disappear")
}
</code></pre>

Reference:
<a href="https://cocoacasts.com/managing-view-controllers-with-container-view-controllers/" rel="nofollow noreferrer">https://cocoacasts.com/managing-view-controllers-with-container-view-controllers/</a>

I'm trying to figure out how to use the different states of a UISegmentedControl to switch views, similar to how Apple does it in the App Store when switiching between 'Top Paid' and 'Top Free'.

How do I use a UISegmentedControl to switch views?

容器

Swift

我正在试图弄清楚如何使用UISegmentedControl的不同状态来切换视图，就像苹果在应用商店中在“最高支付”和“最免费”之间切换时一样。

问如何使用UISegmentedControl切换视图？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用UISegmentedControl切换视图？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用UISegmentedControl切换视图？
EN