Xcodeの二つのラベルに別々の言葉を表示するコード

Question

Xcode初心者です。
サインプルアプリを作り終わったので、自分で考えてしようと思ったら、
二つのラベルを無作為に別々の言葉を表示するコード（やり方）がわかりません
教えて欲しいです。

Comments

[y_waiwai]

コードをテキストで提示しましょう

[hoshi-takanori]

Button の上に Label が二つ見えますが、上が answerLabel で下が answerLabeltwo でしょうか？
で、それぞれにどんな言葉を表示したいんですか？

[misokota]

そうです。上が answerLabel で下が answerLabeltwo です。上のanswerLabelには１２３４をランダムに表示して、下のanswerLabeltwoにはABCDをランダムに表示したいです。

Answer 1

質問者さんは「iPhoneアプリ開発集中講座」を読まれていると思いますが、無作為にラベルに文字を表示するためのヒントは 118ページの「ジャンケンの結果をランダムに表示する」に載っています。

ジャンケンの結果をランダムに表示させるため、Int.randon()というメソッド（関数）を使っていますが、これを応用して表示させることが可能です。

---

そのためには、配列（262ページ）という概念も抑えておく必要があります。
ヒントになるようなサンプルコードを書いてみました。

なるべく余計なことを考えなくても良いように、Playground で動くようにしてあります。

まずは、以下のコードをPlaygroundで動かしてみて、配列の中身や要素数、構文などをいろいろ変更し、ある程度納得してからアプリに移植すると、理解も早くなると思います。

import UIKit

// ラベルに表示したい文字列の配列を作っておく
let textOne: [String] = ["1", "2", "3", "4"]
let textTwo: [String] = ["A", "B", "C", "D"]

// 配列の何番目の文字を表示するのかを random メソッド（乱数を作る関数）で作る
// 得られる乱数は 0 から textOne.count 未満（textOne.count とは、textOuneという配列の要素数のこと）が得られる
let indexOne: Int = Int.random(in: 0 ..< textOne.count)
let indexTwo: Int = Int.random(in: 0 ..< textTwo.count)

// indexOne, IndexTwo に入っている番号を表示する
print("indexOne は　(indexOne) です。")
print("textOne の indexOne 番目に入っている文字は (textOne[indexOne]) です")
print("indexTwo は　(indexTwo) です。")
print("textTwo の indexTwo 番目に入っている文字は (textTwo[indexTwo]) です")

// 一つ目のラベルを作る（幅が 100, 高さが 50)
// iOS App として作るのであれば、これはたとえば @IBoutlet weak var labelOne: UILabel! という形で宣言されている
// Playground であれば、ラベルはとりあえずこういう形で作る、という程度で覚えておく
let labelOne: UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: 100, height: 50))

// 文字色を白にする
labelOne.textColor = .white
// ラベルの文字列をtextOne[] という配列の indexOne 番目にする
labelOne.text = textOne[indexOne]

// 一つ目のラベルを作る
let labelTwo: UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: 100, height: 50))

// ラベルの背景色をグリーンにする
labelTwo.backgroundColor = .green
// 文字色はオレンジにする
labelTwo.textColor = .orange
// 文字を中央揃えにする
labelTwo.textAlignment = .center
// ラベルの文字列をtextTwo[] という配列の indexTwo 番目にする
labelTwo.text = textTwo[indexTwo]

ちなみに、デフォルト（標準）の設定では UILabel は表示されないので、UILabel の右側にあるアイコンをクリックして、ラベルが表示されるようにしてみるといいかと思います。

Comments

[misokota]

わざわざありがとうございます。