iOS
 Computer >> コンピューター >  >> プログラミング >> iOS

【Swift】iOSアプリでビューの背景色を設定する方法|Storyboardとコードでの実装を解説

ビュー(View)は、アプリのユーザーインターフェースを構成する最も基本的な要素です。UIViewクラスは、すべてのビューに共通する振る舞いを定義しており、ビューオブジェクトは自身の境界矩形(bounds)内にコンテンツを描画し、そのコンテンツへのユーザーの操作を処理します。UIViewは具象クラスであるため、インスタンス化して固定の背景色を表示する用途にも利用できます。

UIViewの理解が重要な理由

ユーザーが画面上で直接目にする主なオブジェクトこそがビューであるため、UIViewをしっかりと理解しておくことは非常に重要です。

Storyboardで背景色を設定する方法

まずはStoryboardを使った方法から見ていきましょう。Main.storyboardを開き、View Controllerにビューを1つ追加します。

画面右側のインスペクタペインでプロパティを確認できます。「Background」の項目から、ビューに設定したい任意の色を選択してください。以下の画像のように操作します。

【Swift】iOSアプリでビューの背景色を設定する方法|Storyboardとコードでの実装を解説

コードで背景色を変更する方法

続いて、プログラムから動的に背景色を変更する方法を紹介します。以下のコードを使用し、値をお好みの色に書き換えてください。

self.view.backgroundColor = UIColor.cyan

この例ではシアン(cyan)を指定していますが、UIColor.redUIColor.systemBlueなど、他の標準カラーも同じように設定できます。コードを実行すると、ビューの背景色が指定した色に変化します。

【Swift】iOSアプリでビューの背景色を設定する方法|Storyboardとコードでの実装を解説

  1. 【iOS】メモアプリの背景色を変更する方法|ライト/ダーク切り替えと罫線・グリッド設定も解説

    iOSの標準「メモ」アプリを使っていると、背景が端末全体の表示設定に自動的に連動してしまう点に不便さを感じることがあります。ライトモードが有効なときは明るい背景に、ダークモードのときは暗い背景になり、個別にコントロールできないように見えます。しかし実は、iOSではメモごとの背景色を簡単に変更できます。この記事では、特定のメモだけ背景を変える方法、すべてのメモに一括で適用する方法、さらに罫線やグリッド背景を追加するカスタマイズ術まで、わかりやすく解説します。注意:メモアプリで異なる背景を設定するには、端末がiOS 13 / iPadOS 13以降である必要があります。古いバージョンをお使いの場合

  2. iOS 13ダークモードにアプリを対応させる方法:開発者向け実装ガイド

    Appleは2019年9月19日、過去4年以内に発売されたすべてのiPhone(iPhone 6s以降)を対象に、待望のiOS 13アップデートを世界中でリリースしました。このアップデートの最大の目玉機能のひとつが、システム全体に適用されるiOS 13のダークモードです。スマートフォンのディスプレイが発する白い光による目の疲れを軽減できることが期待されています。この機能はAppleデバイスのエンドユーザーにとって嬉しいものですが、iOS開発者にとっては、iOS 13ダークモードに対応したアプリを準備するという課題でもあります。iOS 13ダークモードにアプリを対応させるには?開発者の皆さんの参