web-dev-qa-db-ja.com

UISegmentedControlを使用してビューを切り替えるにはどうすればよいですか?

UISegmentedControlのさまざまな状態を使用してビューを切り替える方法を見つけようとしています。これは、Appleが 'Top Paid'と 'Top Free '。

80
Mark Adams

最も簡単なアプローチは、表示を切り替えて選択されているビューを示すことができる2つのビューを用意することです。これを実行する方法のサンプルコードを次に示します。これは間違いなく、ビューを処理するための最適化された方法ではなく、単にISegmentControlを使用して表示ビューを切り替える方法を示すためのものです。

- (IBAction)segmentSwitch:(id)sender {
  UISegmentedControl *segmentedControl = (UISegmentedControl *) sender;
  NSInteger selectedSegment = segmentedControl.selectedSegmentIndex;

  if (selectedSegment == 0) {
    //toggle the correct view to be visible
    [firstView setHidden:NO];
    [secondView setHidden:YES];
  }
  else{
    //toggle the correct view to be visible
    [firstView setHidden:YES];
    [secondView setHidden:NO];
  }
}


もちろん、コードをさらにリファクタリングして、正しいビューを非表示/表示することもできます。

111
Ronnie Liew

私の場合、ビューは非常に複雑であり、さまざまなビューの隠しプロパティを変更することはできません。これは、メモリを大量に消費するためです。

私はいくつかのソリューションを試しましたが、それらのどれも私のために機能しませんでした、または不規則に、特にビューをプッシュ/ポップするときに常にセグメント化されたコントロールを表示しないnavBarのtitleViewで実行しました.

適切な方法でそれを行う方法を説明する問題に関するこのブログ投稿を見つけました。彼はAppleこのソリューションを思い付くためにWWDC'2010のエンジニアの助けを得たようです。

http://redartisan.com/2010/6/27/uisegmented-control-view-switching-revisited

このリンクの解決策は、これまでにこの問題について見つけた最良の解決策です。少し調整すると、下部のタブバーでもうまく機能しました

45
Marc M

または、テーブルの場合は、テーブルをリロードし、cellForRowAtIndexで、選択したセグメントオプションに基づいてさまざまなデータソースからテーブルを作成できます。

17
lostInTransit
7
Soniya

1つのアイデアは、セグメント化されたコントロールを持つビューに、さまざまなサブビューで埋めるコンテナービューを持たせることです(セグメントが切り替えられたときに、コンテナービューの唯一のサブビューとして追加します)。それらのサブビューに個別のView Controllerを設定することもできますが、必要な場合は「viewWillAppear」や「viewWillDisappear」などの重要なメソッドを転送する必要があります(そして、それらがどのNavigation Controllerの下にあるかを通知する必要があります)。

IBのコンテナを使用してメインビューをレイアウトでき、サブビューがコンテナに許可されているスペースを埋めることができるため、一般的には非常にうまく機能します(自動サイズ変更マスクが適切に設定されていることを確認してください)。

SNFSegmentedViewController を使用してみてください。これは、UITabBarControllerのような設定で探しているものとまったく同じオープンソースコンポーネントです。

3
sethfri

.Hを割り当てる

 UISegmentedControl *lblSegChange;

- (IBAction)segValChange:(UISegmentedControl *) sender

.Mを宣言します

- (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];
 }
} 
2
Anbu.Karthik

Swiftバージョン:

親View Controllerは、各子View Controllerのビューのサイズと位置を設定します。子View Controllerのビューは、親View ControllerのView階層の一部になります。

遅延プロパティを定義します。

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
}()

子ビューコントローラーの表示/非表示:

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()
}

SegmentedControl tapEventの管理

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

そしてもちろん、あなたはあなたの子View Controllerクラス内で使用することができます:

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")
}

参照: https://cocoacasts.com/managing-view-controllers-with-container-view-controllers/

2
SlavisaPetkovic

@Ronnie Liewの答えから、これを作成します。

//
//  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
2
Envil

クイックSwiftバージョン:

@IBAction func segmentControlValueChanged(_ sender: UISegmentedControl) {

    if segmentControl.selectedSegmentIndex == 0 {

        // do something
    } else {

        // do something else
    }
}
1
Bright Future