ボタンをタップした時にラベルの文字を変更する方法

Question

UIButtonをタップした際にUILabelにテキストを表示させたいと考えていますが、いまいちやり方がよくわかりません。初歩的な質問ですが宜しくお願いします。

*ボタンとラベルはコードで作成しています。ライブラリでFlatUIKitを導入しています。

###該当のソースコード

let width = self.view.bounds.width
let height = self.view.bounds.height
        
var label1 = UILabel(frame: CGRectMake(width/2,100,100,100))//ラベルを生成
self.view.addSubview(label1)//viewにlabel1を追加

let button = FUIButton(frame: CGRectMake(width / 6 - 10, height / 2 + 100, 100, 50)) //ボタンのサイズを指定して生成
        button.buttonColor = UIColor.turquoiseColor() //ボタンの色
        button.shadowColor = UIColor.greenSeaColor() //ボタンの影の色
        button.shadowHeight = 3.0  //影の高さ
        button.cornerRadius = 6.0 //角丸を適用
        button.setTitle("OK", forState: .Normal) //ボタンのタイトル
        button.setTitleColor(UIColor.cloudsColor(), forState: .Normal) //タイトルの色
        button.setTitleColor(UIColor.cloudsColor(), forState: .Highlighted) //タップした状態のテキストの色
        button.addTarget(self, action: #selector(ViewController.onClickOKBtn(_:)), forControlEvents: .TouchUpInside) //ボタンをタップした時に実行するメソッドを指定
        
        self.view.addSubview(button) //viewにbuttonを追加

func onClickOKBtn(sender: UIButton){ //ボタンの関数
       
        
    }

Comments

[fuzzball]

「ここにご自身が実行したソースコードを書いてください」の箇所にコードを書いて下さい。見やすくなります。（```で挟まれたところにコードを書くと整形されます）

[takumigo]

失礼いたしました、修正しました

Answer 1

ボタンを押すと

ViewController.onClickOKBtnが呼ばれますので、printを入れて確認してみましょう。

//ボタンの関数
func onClickOKBtn(sender: UIButton) {
    print("onClickOKBtn") //←デバッグエリアに表示
}

ラベルのテキストを変更するには？

.textプロパティでテキストを設定します。試しに初期化してみましょう。

var label1 = UILabel(frame: CGRectMake(width/2,100,100,100))//ラベルを生成
label1.backgroundColor = UIColor.orangeColor() //分かりやすいように背景色を付ける
label1.text = "Hello!" //←テキストを変更（初期化）

ボタンを押すとテキストを表示

ラベルをインスタンス変数にする

今のままではonClickOKBtn()からlabel1にアクセス出来ませんので、label1をインスタンス変数にしましょう。

class ViewController: UIViewController {

    let label1 = UILabel() //←インスタンス変数

    override func viewDidLoad() {
        :

ラベルの初期化

すでにインスタンスは生成されているので座標と位置の設定だけ行います。

label1.frame = CGRectMake(width/2,100,100,100) //座標と位置の設定
label1.backgroundColor = UIColor.orangeColor() //背景色

ボタンを押すとテキストを表示

最後の仕上げです。総力戦です。

func onClickOKBtn(sender: UIButton) {
    //print("onClickOKBtn")
    label1.text = "Hello!"
}

Comments

[takumigo]

解決しました！ありがとうございます！

[takumigo]

スク