1. UIAspectRatioConstraintとは?
UIAspectRatioConstraint
は、Roblox StudioのUI要素(Frame、ImageLabel など)に適用できる制約で、特定のアスペクト比(縦横比)を維持する ための機能です。
画面サイズが変わってもUIの形が崩れないように調整できます。
2. UIAspectRatioConstraintの主な用途
- 正方形や特定の比率のUIを維持する – 例えば、1:1 のボタンや 16:9 の画像など
- 異なるデバイス間でのUIの統一 – PC、スマホ、タブレットなど、どの画面サイズでもUIの形を維持
- レイアウト崩れの防止 – 画面サイズが変わったときに意図しないUIの伸縮を防ぐ
3. UIAspectRatioConstraintの基本プロパティ
プロパティ名 | 説明 |
---|---|
AspectRatio | UIのアスペクト比(例: 1.5 → 幅:高さ = 3:2) |
DominantAxis | どの軸を基準に比率を維持するか(Width または Height ) |
4. UIAspectRatioConstraintの設定方法
StarterGui
に ScreenGui を追加ScreenGui
内に Frame や ImageLabel を追加- Frame または ImageLabel の中に UIAspectRatioConstraint を追加
AspectRatio
の値を設定(例:1.5
→ 幅1.5倍の長方形)DominantAxis
をWidth
に設定すると、幅を基準に高さが決まる(Height
なら逆)
5. UIAspectRatioConstraintの紹介動画
UIAspectRatioConstraintの設置から主なプロパティの変更を以下動画で紹介しています。
6. まとめ
UIAspectRatioConstraint
を使うことで、UIの形がデバイスごとに崩れるのを防ぐことができます。
特に、ボタンや画像の形を統一したい場合に便利な機能です!
コメント