swiftの復習と覚書

　何年かぶりにiOSアプリ開発のお手伝いをすることになった…しかしswiftはおろかXcodeの、いや最早macの触り方すら覚束ない…。そんな事態になった私から、そんな事態になるかもしれない未来の私への復習と覚書です。

swiftの復習と覚書

やること

Xcodeを開いてラジオボタンを用いたiOSのSingle View Appを作ってみる

環境（ちょっと古め）

macOS High Sierra 10.13.2

Xcode 9.3.1

swift4

使わせてもらった外部ライブラリ

github.com

１：新規プロジェクトを作る

まずランチャーを開く。私よ、ランチャーはこいつです。

それからXcodeを起こします。こんなアイコン。

起きたら新しいプロジェクトを作ります。

iOSのSingle View Appを選んで、

Product Nameを付けます。今回はSelectStarという名前でLanguageのSwiftを選択、Nextで次の画面へ行くと保存場所を聞かれるので任意の場所へ保存して下さい。

２：ストーリーボードにUIパーツを配置する

今回使うパーツはこの２つ。ラベルとビューです。

iOS標準としてXcodeに用意されているラジオボタン的な動きをするのは、このセグメントコントロールという子なのですが…ここはラジオボタンに慣らされた社会ですので求められるのもラジオボタンなのです。（iOSとAndroid共通のデザインとかだと特に）

よって、この子に罪はないが今回は使いません。

左端のツリーからMain.storyboradを開いて右下から必要なパーツを選択し配置します。

ラベルは右上のプロパティから文言を入力します。必要があれば色やフォントも調整します。

設問と選択肢を配置します。空白の正方形部分に配置しているのがビューで、この部分をこれからラジオボタンにします。

３：外部ライブラリを使ってカスタムUIクラスを適用する

まずカスタムUIクラス用のswiftファイルを用意しましょう。左端ツリーのSelectStarフォルダをcontrol+クリックでメニューを開いてNew Fileです。そう、macで右クリック的な事をしたい時はcontrol+クリックです。思い出しましたか、私よ。

iOSのSwift Fileを選び、次の画面でファイル名を付けます。捻りなくライブラリ名のLTHRadioButtonとしました。

ファイルができたら開いてコチラをコピペします。

Main.storyboradへ戻り３つのビューのCustom ClassでLTHRadioButtonを選び適用させます。

４：アシスタントエディタで接続線を伸ばす

右上の○が２つ重なったアイコンをつついてアシスタントエディタを開きます。

アシスタントエディタでViewController.swiftが開かれているのを確認し、controlを押しながらラジオボタンをドラッグしてViewControllerクラス内へ接続線を伸ばします。

Outlet接続でプロパティ名をradioButton1〜3としました。

接続線がつながらない場合は、先にViewControllerクラスへプロパティ宣言を書きストーリーボードのアシスタントエディタでプロパティから接続線を伸ばすとつながるときもあります。（たぶんXcodeのバグ）

５：コードを書く

左のツリーからViewController.swiftを開いてviewDidLoadにラジオボタンの選択・非選択に関するコードを書きます。

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var radioButton1: LTHRadioButton!
    @IBOutlet weak var radioButton2: LTHRadioButton!
    @IBOutlet weak var radioButton3: LTHRadioButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        

        radioButton1.selectedColor = UIColor.red
        radioButton2.selectedColor = UIColor.red
        radioButton3.selectedColor = UIColor.red
        
        radioButton1.onSelect {
            self.radioButton2.deselect()
            self.radioButton3.deselect()
        }
        radioButton1.onDeselect {
        }
        radioButton2.onSelect {
            self.radioButton1.deselect()
            self.radioButton3.deselect()
        }
        radioButton2.onDeselect {
        }
        radioButton3.onSelect {
            self.radioButton1.deselect()
            self.radioButton2.deselect()
        }
        radioButton3.onDeselect {
        }
        
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }


}

LTHRadioButtonはこのonSelect{}とonDeselect{}がないと動かない仕様になっているので忘れず書きましょう。

６：ビルド

左上の実行ボタンを押してビルドします。ビルド先が決まっている場合は右側のプロジェクト名が表示されているボタンから選択してから実行します。

終わり。

ついでに言うと設問の正解はEärendilです。

 あいや　えあれんでぃる　えれにおん　あんかりま

おまけ：SSの撮り方

・SSを撮る　command+shift+3

・選択範囲のSSを撮る　command+shift+4

・エミュでSSを撮る　command+S

そのうちエルフ語学習アプリとか作れると良いなって妄想はあります。（開発者登録費用はありません）