【徒然iOS】気ままにUIKit8〜Segmented Control〜

概要

このマガジンは四十を過ぎたおっさんが、

はじはじアプリ体験メモ

を参考にStoryboardでiOSアプリを完全に趣味で楽しんでいるだけな記事を気ままに上げてます。

今回

【Swift】Segmented Controlの使い方。選択肢の中からどれか1つを選択するボタンを作る。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

をやります〜〜〜

前準備

1. 念の為、バックアップ

2. 新しいクラス

3. ビューコントローラの追加

4. イニシャルビューの変更

をいつも通りやる。

前処理の結果はこんな感じ

本題

まずは、ラベルとセグメンティッドコントローラを追加

ラベルをちょっと加工

セグメンティッドコントローラを加工

見やすいかと青にしたらトリコロールに、、、

接続してコードを書く

コードとしては

class SegmentedControllerViewController: UIViewController {

    @IBOutlet weak var segmentedLabel: UILabel!
    
    @IBAction func mySegmentedController(_ sender: UISegmentedControl) {
        
        //セグメント番号で条件分岐させる
        switch sender.selectedSegmentIndex {
        case 0:
            segmentedLabel.text = "おはようございます。"
        case 1:
            segmentedLabel.text = "こんにちは"
        case 2:
            segmentedLabel.text = "こんばんは"
        default:
            print("該当無し")
        }
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
}

てな感じ💦

シミュレータで実行してみる

実行できてるけどやっぱり気に入らないねえ

てことで

ブラッシュアップ

と、こうしてみた💦

今回はセグメンティッドコントローラの基本的な使い方だから、記事としては以上。

個人的に、、、

ちょうど、ここまで作ったビューが今回で４つで３つをこのビューから開けるように改良できないかなと思ったので、

[Swift3]SegmentedControlでViewを切り替える - Qiita

を参考に、いつも通りバックアップ後にやってみる

要は

⒈変数の値に各ビューコントローラを設定
⒉切り替えるsetupメソッドをビューディッドロードイベントに嵌め込む

だけであとはちょっとさっきまでのコードを回収すればいいだけっぽい。

ただ、これはナビゲーションビューが前提だから、
ナビゲーションビュー

【Swift】Navigation Controllerの使い方。複数画面を階層的に移動する。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

らへんでやろうかな、、、💦

とりあえず

各キットの扱い方に入ってきたねえ〜〜〜〜〜

💃やはり開発は楽しい🕺

Apple公式

Apple Developer Documentation