# views

[SwiftUI](https://lochiwei.gitbook.io/ios/swiftui) ⟩ 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](https://lochiwei.gitbook.io/ios/swiftui/view/view) [protocol](https://lochiwei.gitbook.io/ios/swift/type/category/protocol). Some examples of views in [SwiftUI](https://lochiwei.gitbook.io/ios/swiftui) are [Text](https://lochiwei.gitbook.io/ios/swiftui/control/text) views, [Image](https://lochiwei.gitbook.io/ios/swiftui/control/image) views, [sliders](https://lochiwei.gitbook.io/ios/swiftui/control/slider), [grids](https://lochiwei.gitbook.io/ios/swiftui/view/layout/grids), [buttons](https://lochiwei.gitbook.io/ios/swiftui/control/button), and [shapes](https://lochiwei.gitbook.io/ios/swiftui/shapes/shape).
{% endhint %}

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

* [configuring-views](https://lochiwei.gitbook.io/ios/swiftui/view/configuring-views "mention")
* [viewmodifier](https://lochiwei.gitbook.io/ios/swiftui/view/modifier/viewmodifier "mention")
* [view-builder](https://lochiwei.gitbook.io/ios/swiftui/view/view-builder "mention")
* [life-cycle](https://lochiwei.gitbook.io/ios/swiftui/view/life-cycle "mention")
  {% 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](https://lochiwei.gitbook.io/ios/swiftui/view/modifier/viewmodifier)
  * [View Builder](https://lochiwei.gitbook.io/ios/swiftui/view/view-builder)
    {% 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 %}