> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/ios/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/ios/swiftui/view.md).

# views

[SwiftUI](/ios/swiftui.md) ⟩ views ⟩

{% hint style="success" %}
A <mark style="color:purple;">view</mark> is the building block of your app's <mark style="color:yellow;">user interface</mark>, and represents any visual element that conforms to the [View](/ios/swiftui/view/view.md) [protocol](/ios/swift/type/category/protocol.md). Some examples of views in [SwiftUI](/ios/swiftui.md) are [Text](/ios/swiftui/control/text.md) views, [Image](/ios/swiftui/control/image.md) views, [sliders](/ios/swiftui/control/slider.md), [grids](/ios/swiftui/view/layout/grids.md), [buttons](/ios/swiftui/control/button.md), and [shapes](/ios/swiftui/shapes/shape.md).
{% endhint %}

{% tabs %}
{% tab title="🔴 主題" %}

* [Configuring Views](/ios/swiftui/view/configuring-views.md)
* [ViewModifier](/ios/swiftui/view/modifier/viewmodifier.md)
* [ViewBuilder](/ios/swiftui/view/view-builder.md)
* [life cycle](/ios/swiftui/view/life-cycle.md)
  {% endtab %}

{% tab title="📘 手冊" %}

* Develop in Swift ⟩ [Views, structures, and properties](https://developer.apple.com/tutorials/develop-in-swift/views-structures-and-properties-conclusion)
* SwiftUI ⟩ [ScrollView](https://developer.apple.com/documentation/swiftui/scrollview)&#x20;
* [SwiftUI](https://developer.apple.com/documentation/swiftui) ⟩ [View and Controls](https://developer.apple.com/documentation/swiftui/views-and-controls) ⟩&#x20;
  * [View](https://developer.apple.com/documentation/swiftui/view) ⟩ [Styling](https://developer.apple.com/documentation/swiftui/styling)&#x20;
  * [View Modifier](/ios/swiftui/view/modifier/viewmodifier.md)
  * [View Builder](/ios/swiftui/view/view-builder.md)
    {% endtab %}

{% tab title="⭐️ 重點" %}

* [`scaledToFit()`](https://developer.apple.com/documentation/swiftui/view/scaledtofit\(\)) is equivalent to calling [`aspectRatio(contentMode: .fit)`](https://developer.apple.com/documentation/swiftui/view/aspectratio\(_:contentmode:\)-5ehx6)
  {% endtab %}

{% tab title="📗 參考" %}

* [ ] Donny ⟩ [Understanding how and when SwiftUI decides to redraw views](https://www.donnywals.com/understanding-how-and-when-swiftui-decides-to-redraw-views/)
  {% endtab %}
  {% endtabs %}