【Swift】ボタンの文字と背景の色を変える方法(RGB)

この記事は約1分で読めます。

まずこちらのページで先にUIImageViewとLabel、Buttonを作っておきましょう。

【Swift初心者】Xcode基本操作まとめ!ボタンやライブラリ、ラベルのUIパーツはどこ?
まずは、初心者や初学者のために、ボタンや文字を挿入するところまで、基本操作としてプログラミングしてみます。 このボタンや文字などのことを、SwiftまたはXcode内では、UIKitと読んでいます。UIパーツとも呼ばれて親しまれている...

対象物をプログラミングしておきます。

スポンサーリンク

【Swift】ボタンの文字と背景の色を変える方法(RGB)

編集したい対象物(今回はButton)をクリックして右側の矢印マークを選択しましょう。

文字の色を変更するにはText Colorから変更したい色を選択します。

背景色はViewの下のBackgroundから変更します。

さらに、色選択のドロップダウンメニューで一番下のCustomを選択すると、

細かい色を編集できます。

RGB SlidersからRGBの色の16進数を編集できます。

色の番号(#○○○○○○など)を直接入力しても良いですが、Slider(スライダー)を動かすことで色を変えることもできます。

とりあえず背景色を青色に変更しました。

この時点でも既にボタンっぽいですね。

 

執筆者
自己紹介
FirstPC

株式会社FirstPCのサイト管理運営者。
東京のIT自社開発系ベンチャー企業に勤めた後、Webデザイン系のフリーランスエンジニアとして様々な案件(HTML, CSS, JavaScript, Java, PHP, Swift)を重ねて独立し、会社設立。Webサイトのデザイン、コーディングのほか、ロゴ・バナー作成や副業用リライト記事の販売、動画作成をしている。

FirstPCをフォローする
プログラミング
スポンサーリンク
FirstPCをフォローする
FirstPC パソコンなんでも塾
タイトルとURLをコピーしました