🥅

2024年だってSwiftUIでひとつだけ角が丸い四角形を書きたい

2024/02/03に公開

その答は UnevenRoundedRectangle

UnevenRoundedRectangle(
  topLeadingRadius: 50, 
  bottomLeadingRadius: 0, 
  bottomTrailingRadius: 0, 
  topTrailingRadius: 0, 
  style: .continuous)

使い方は上を見ての通り、画面は次のようになる。

この UnevenRoundedRectangle は他にもイニシャライザがある。

init(cornerRadii: RectangleCornerRadii, style: RoundedCornerStyle = .continuous)

です。この RectangleCornerRadii というのは

struct RectangleCornerRadii : Equatable, Animatable {
    //一部を抜粋
    public var topLeading: CGFloat
    public var bottomLeading: CGFloat
    public var bottomTrailing: CGFloat
    public var topTrailing: CGFloat

というもので単に4隅の値を保持するためのstructです。

面白いのがこの Radii という名前でこれはradiusの複数形だそうです。
発音は レイディアイです。

Discussion