【徒然iOS】気ままにUIKit14〜Stepper〜

概要

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

はじはじアプリ体験メモ

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

今回

【Swift】Stepperの使い方。プラスとマイナスのボタンで値を増減させる。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

をやる〜〜〜！

前準備

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

2. 新しいクラス

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

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

をいつも通りやってから本題へ💃

こんな感じ

本題

⒈部品を配置

ちょっと遊びたいのと、あんまりみない配置なので、普通のアプリっぽく配置

⒉Stepperの設定を変更

設定を変更ってかほぼ確認しただけだね

どうなるかとりあえずこのままでやってみよう

⒊コードに接続

てな感じかな💦

⒋シミュレータで実行

起動直後

ちゃんと動いたね👀

⒌恒例のブラッシュアップ

Swift5でUILabelのフォントやフォントサイズを変更する方法 - Qiita

を参考に

てな感じで、フォントサイズの大きさを初期値17〜117まで増減させるようにしてみたんだけど、
さらにラベルをひとつ追加して、

こんな感じになるように修正してみた🕺

まとめ

コード

class StepperViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        myStepperLabel.text = "ステッパー増減値"
    }
    
    @IBOutlet weak var myStepperLabel: UILabel!
    
    @IBOutlet weak var akebonoMessageLabel: UILabel!
    @IBAction func myStepper(_ sender: UIStepper) {
        myStepperLabel.text = " \(17 + sender.value) "
        
        akebonoMessageLabel.font = akebonoMessageLabel.font.withSize(17 + sender.value)
    }
    
}

Stepperの設定

ラベルひとつめの設定

ラベルふたつめの設定

以上かな💦
Xcodeのアトリビュートインスペクターは本当に色々、設定ができるし、組み合わせも面白いから遊んでみてね〜〜〜

さてと、次回は

【Swift】Auto Layoutの使い方。部品の位置を相対的な表現で設定する。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

で、いよいよUIKitで一番面倒な

AutoLayout

に入るね〜〜〜❗️
これは、おそらく一気にひとつのまとまりで

【Swift】Resolve Auto Layout Issuesの使い方。制約の更新、自動調整、一括削除を行う。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

までやった方がいい予感がする👀