Viewモディファイア：連鎖とカスタムモディファイア

ViewモディファイアはViewを変換し、フォント、色、パディング、アニメーションなどを変更します。モディファイアは連結でき、再利用可能なカスタムモディファイアも作成できます。

```swift Text("Hello") .font(.title) .foregroundColor(.blue) .padding() .background(Color.yellow) .cornerRadius(8) ```

```swift Text("Hi") .padding() .background(Color.red) // red covers padding area Text("Hi") .background(Color.red) // red only covers text .padding() ```

```swift struct CardStyle: ViewModifier { func body(content: Content) -> some View { content .padding() .background(Color.white) .cornerRadius(10) .shadow(radius: 4) } } extension View { func cardStyle() -> some View { modifier(CardStyle()) } } Text("Card").cardStyle() ```

```swift Text("Status") .foregroundColor(isError ? .red : .primary) // Or with .modifier: text.modifier(isLarge ? LargeStyle() : SmallStyle()) ```

一部のモディファイアは子孫のViewに伝播します。 ```swift VStack { Text("One") Text("Two") } .font(.headline) // applies to ALL Text children ```

```swift struct Bordered: ViewModifier { var color: Color func body(content: Content) -> some View { content.overlay(RoundedRectangle(cornerRadius:8).stroke(color,lineWidth:2)) } } Text("Hi").modifier(Bordered(color:.blue)) ```

```swift if show { Text("Appeared") .transition(.slide) // custom appear/disappear animation } ```

```swift Text("Hello") .onAppear { print("Appeared") } .onDisappear { print("Disappeared") } ```

```swift Image("logo") .accessibilityLabel("Company Logo") .accessibilityAddTraits(.isImage) ```

カスタムViewモディファイアは、どのプロトコルに準拠する必要がありますか？

主なポイント： • モディファイアを連結して外観を組み立てます • 順序が重要です。各モディファイアは直前の結果をラップします • 再利用可能なモディファイアには `ViewModifier` プロトコルを使います • 環境モディファイアは子Viewに伝播します • `.myModifier()` を呼び出し側で簡単に使えるように `View` を拡張します 次はプレビューです。