SwiftUIでレイアウトを細かく調整したいときに便利なのが .alignmentGuide() です。 「このビューはもうちょっと右に寄せたい」「特定の基準に合わせてズラしたい」といったときに活躍します。 一見すると難しそうに見えますが、仕組みを理解すれば、とても柔軟なレイアウトコントロールが可能になります。 この記...
UI調整
UI調整の記事一覧
SwiftUIで「半透明の背景」を表現したいときに便利なのが Material です。 ガラス越しのように後ろのコンテンツがぼんやり透けて見えるデザインを、簡単に実装できるのが特徴です。 iOSやmacOSのシステムUIでもよく使われていて、ボタンやメニュー、シートの背景などで見かけることが多いはずです。 この記事では...
SwiftUIでビューの見た目を整える時に欠かせないのが .background です。 テキストやボタンの背後に色や画像を配置したり、別のビューを重ねて背景として見せたりできるモディファイアで、デザインの自由度をぐっと高めてくれます。 この記事では .background の基本的な意味や使い方、活用シーンまでわかり...
SwiftUIで文字の見た目を調整したい時に便利なのが .tracking(_:) です。 文字の間隔を均等に広げたり詰めたりできるモディファイアで、見出しやロゴ風のテキストデザインを作るときに役立ちます。 この記事では .tracking(_:) の基本的な意味や使い方、引数の意味、活用シーン、注意点 まで、初心者の...
SwiftUIで文字の見た目を細かく調整したい時に便利なのが .kerning(_:) です。 文字と文字の間隔（字送り）を変更できるモディファイアで、デザイン性の高いUIや、読みやすさを意識した文字表示に役立ちます。 この記事では .kerning(_:) の基本的な意味や使い方、引数の意味、活用シーン、注意点 まで...
.monospacedDigit() は、SwiftUIで数字を表示するときに「桁数によって文字の幅がズレないようにしたい」場合にとても便利なモディファイアです。 例えば、カウントアップのように数字が変わるUIでは、文字幅が変わると全体のレイアウトがガタついて見えてしまいます。 そんな時に .monospacedDig...
SwiftUIで「進捗」や「数値の割合」を視覚的に表現したいときに便利なのが Gauge です。 バッテリー残量、ダウンロード進捗、運動量、温度など、「値の範囲内でどの位置にあるか」を表示したいUIによく使われます。 この記事では Gauge の基本的な意味や使い方、活用シーン、注意点まで、初心者でもわかりやすいよう丁...
SwiftUIでは、Viewの見た目や挙動を簡潔かつ再利用可能な形で整えるために、「モディファイアー（modifier）」が用意されています。 その中でも、複数の装飾や状態管理をまとめてカプセル化できる強力な仕組みが ViewModifier プロトコルです。 この記事では、ViewModifier の基本的な意味や使...