UIButtonを使ってボタンを作ろう！　入門ガイド

概要
UIButtonは、iOSアプリ開発において非常に重要なUI要素です。この記事では、UIButtonの基本的な説明を分かりやすく解説します。
UIButtonの概要、基本的な使い方、そしてUIButtonをカスタマイズする方法など紹介します。

本文
​１．UIButtonとは何か？
　　UIButtonとは、iOSアプリ開発において、タップやクリックなどのユーザーのアクションに対して反応するためのボタンのことです。
​　　UIButtonは、アプリ内での操作性やユーザーインターフェースを改善するためによく使用されます。

　　UIButtonを作成する方法は、以下の通りです。

【ボタンを設定する】
　let button = UIButton(type: .system)
　button.frame = CGRect(x: 0, y: 0, width: 200, height: 50)

２．UIButtonをカスタマイズする方法
　　UIButtonにテキストを追加したり、テキストフォントや文字色、背景色などもカスタマイズすることができます。
　　​以下でUIButtonをカスタマイズするためのコードを紹介していきます。

【ボタンにテキストを設定する】
　button.setTitle("ボタン", for: .normal)

【ボタンのテキストカラーを設定する】
    button.setTitleColor(UIColor.white, for: .normal)

【ボタンのテキストフォントのサイズを設定する】
    button.titleLabel?.font = UIFont.systemFont(ofSize: 35)

​​【ボタンの背景色を設定する】
    button.backgroundColor = UIColor.red

​　　​UIButtonにテキストではなく、イメージ図を追加してアプリ内での操作性やユーザーインターフェースを改善することも出来ます。
​　　以下でUIButtonにイメージ図を追加するコードを紹介します。

【ボタンにイメージ図を設定する】
    let buttonImage = UIImage(named: "ファイル名")

【ボタンにイメージ図を設置する】
    button.setImage(buttonImage!, for: .normal)

３．UIButtonを押したときのアクションを設定する方法
​
    //ボタン押した時のメソッド
    Button.addTarget(self, action: #selector(ViewController. Buttontap(_:)), for: .touchUpInside)

   //ボタンを押したときのアクション
​    @IBAction func Buttontap(_ sender: Any) {
            print("ボタンを押したよ")
    }

まとめ
UIButtonを使用することで、iOSアプリのユーザーインターフェースを構築することができます。
UIButtonをマスターして、カスタマイズして素晴らしいユーザー体験を提供するiOSアプリを作っていきましょう！

コンテンツ一覧へ