Re: ゼロから始めるアプリ開発

この記事の概要 この記事では、SwiftUIでボタンの実装をする方法と、SwiftUIでボタンの色を変更したり、角を丸くする方法などをまとめました。また、余白を設定する方法なども以下に併記しています。 SwiftUIの初心者の方でも簡単にコピペで実装できるように、コードサンプルを設けているので、ぜひご自由に使ってみてください。 数字などのプロパティを自分オリジナルのものに変更することで、無限にカスタマイズをすることもできます。 目次 この記事の概要 目次 ボタンを作るには 今回実装するボタン コード ボタンを作るには [図1]XCode上部のメニュー XCode上部のメニューから[+]ボタンを押して、ボタンを追加します。 [図1-2] Buttonを選択 今回実装するボタン 今回はこの4つのボタンを実装します。 早速ですが、使うコードはこの4つ。                                   //ボタンその1                     Button (action: {} ) {                         Text ( "ボタンその1" )                     }                     //ボタンその2                     Button (action: {} ) { ...

この記事の概要 SwiftUIでラベルの文字（Text）の種類・色・太さを変更する方法を、この記事にまとめました。 目次 この記事の概要 目次 SwiftUIって？ プロジェクトをビルドする 文字の内容を変える 文字の種類を変える 文字の色を変える 文字の太さを変える まとめ 参考文献 Swift UIって？ 米Appleは6月3日（日本時間6月4日未明）にカリフォルニア州サンノゼで開催したイベント「WWDC19」にて、Swift言語を用いて効率的にユーザーインターフェイスを定義できるUIフレームワーク「 Swift UI 」を発表しました。 引用： https://www.publickey1.jp/blog/19/appleswift_uiuiwwdc19.html SwiftUIを従来のSwiftと比較して、やはり着目すべきなのは「ライブプレビュー機能」の実装でしょうか。従来のSwiftと比べて、ビルド時間が大幅に少なくなると思います！ プロジェクトをビルドする Swiftの上部メニューバーの[Project]>[New Project]より、[Single View App]を選択します。 ※今回は分かりやすさ重視で、この[Single View App]を選択していますが、ここで選択するものは基本的に、自分のニーズに合致するアプリを選択するようにしましょう。 [図1-1] Single View Appを選択する  その後、[Product Name]に任意のプロジェクト名を入力します。 ※ここでの[Product Name]は、好きな名前にして構いません。ただし、英数字のみを使い、ひらがな・カタカナ・漢字・記号などを使うのは避けましょう。 名前をつけ終わったら、[User Interface]内にあるドロップダウンリストをクリックし、[ Swift UI ]を選択します。 [図1-2] プロジェクト名とSwift UI を指定してビルド すると、こんな画面が立ち上がったと思います。 [図1-3] プロジェクト起動画面 文字の内容を変える import SwiftUI struct ContentView...