XcodeでUISegmentedControlを追加する方法【初心者向け】

Xcodeで使えるUIパーツの【UISegmentedControl】を追加する方法を初心者向けに解説した記事です。Xcodeにはラジオボタンがないので、その代用として使うことができるパーツです。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

iPhoneアプリ開発では、アプリの画面を作るのに便利なUIパーツが多数用意されています。

今回は、XcodeUISegmentedControl(セグメンテッドコントロール)を追加する方法を初心者向けに解説します。

なお本記事は、TechAcademyのiPhoneアプリ開発オンラインブートキャンプの内容をもとに紹介しています。

 

UISegmentedControlとは

Xcodeでは、Androidアプリ開発のGUIコンポーネントにあるようなラジオボタンがありません。そんなラジオボタンの代わりになるのが、UISegmentedControlです。

選択肢を用意する必要がある際などに利用しましょう。

 

 

UISegmentedControlを配置する

他のUIパーツのようにドラッグ&ドロップすることで配置できます。

「Segmented Control」を選んで、Interfacebuilder(インターフェイスビルダー)に配置します。

XcodeScreenSnapz001

 

配置するとこのように表示されます。
XcodeScreenSnapz002

 

また、インスペクタでボタン(Segments)の数を変えることができます。

ただし、UISegmentedControlの横幅は自動で広がらないため、自分で調整する必要があるので注意しましょう。

XcodeScreenSnapz0044

 

各セグメントのラベルは、インスペクタのSegmentで対象となるセグメントを選択してTitleで指定します。

XcodeScreenSnapz005

これで配置はできました。

 

 

[PR] iPhoneアプリの開発で挫折しない学習方法を動画で公開中

UISegmentedControlの使用法

続いて、ボタンが動くように設定していきます。

まず、InterfacebuilderでViewController.hにIBActionを設定します。

XcodeScreenSnapz006

 

この際、イベントの種類はValue Changedにしてください。

XcodeScreenSnapz007

 

また、値を取得するためにIBOutletも作成しておきます。

XcodeScreenSnapz008
XcodeScreenSnapz009

didValueChangedでは、先ほど定義したIBOuteletの_segmentedControl.selectedSegmentIndexで選択されたボタンの番号を取得して、必要であれば処理を記述します。この時、selectedSegmentIndexは0オリジンであることと型がNSIntegerであることに注意してください。

 

今回の記事は以上です。

XcodeのUIパーツの追加方法についてさらに学びたい場合は、XcodeでUIActivityIndicatorViewを追加する方法も合わせてご覧ください。

[お知らせ]TechAcademyでは初心者でも8週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。

独学に限界を感じたら…テックアカデミーに相談しよう

プログラミングを独学していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 独学に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう 厳しい試験を通過した講師 があなたの相談に真摯に向き合います。

「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」

こんな気持ちでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料で予約する