【SwiftUI】SwiftUIでSliderを使って文字のサイズを変更する方法

みんな、こんにちは!今日はSwiftUIでSliderを使って文字のサイズを変更する方法を紹介するよ。これは特に、UIに数値を表示するときに役立つよ。

どうやるの?

まず、Sliderビューを作成し、そのvalueパラメータに文字のサイズを表す変数(この場合はtextSize)をバインドするんだ。そして、Sliderinパラメータで文字のサイズの範囲を指定するよ。

Slider(value: $textSize, in: 32...200, step: 1)

このコードでは、textSizeの値が32から200の範囲で変更できるようになっているんだ。

次に、Textビューのfont修飾子を使って文字のサイズを変更するんだ。具体的には、font修飾子の引数に「.system(size:)」を指定し、その引数「size」に文字のサイズを表す変数(この場合はtextSize)を指定するよ。

Text("Hello, SwiftUI")
    .font(.system(size: textSize))

このコードでは、textSizeの値に応じて文字のサイズが変更されるよ。

小数点以下を表示しないようにする

Textビューのspecifierパラメータを使って書式を指定するんだ。具体的には、%0.fを指定することで小数点以下を表示しないようにすることができるんだ。

Text("\(textSize, specifier: "%0.f")")
    .foregroundColor(.blue)

このコードでは、textSizeの値を文字列に変換し、その際に小数点以下を表示しないようにしているんだ。

まとめ

以上の方法で、SwiftUIを使用してSliderを使って文字のサイズを変更することができるよ。

coiai.netでは案件受付中です。
Vtuber、建築モデリング、EC構築、ネイティブアプリ制作、制服の制作(実は縫製業もメイン)、Vision Pro向けアプリ etc…
様々な制作開発を行っています。

ご気軽にご相談ください!

コイアイちゃんのアバター

この記事を書いたのは


Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


Top
Blog
Works
contact