繪畫與動畫 (SwiftUI 中文文檔手冊) 繪畫與動畫 加入我們一起學習SwiftUI

繪畫與動畫

使用顏色,形狀和陰影增強視圖,並自定義視圖狀態之間的動畫過渡。


總覽

使用繪圖工具組合形狀或爲您自己設計的形狀定義自定義路徑。將樣式從環境可感知的顏色應用到豐富的漸變到形狀的前景,背景和輪廓。


話題

必需品

  • 繪製路徑和形狀
    每當用戶訪問列表中的地標時,都會收到徽章。當然,對於要獲得徽章的用戶,您需要創建一個。本教程將通過結合路徑和形狀來指導您完成創建徽章的過程,然後將其與代表位置的另一個形狀進行疊加。

  • 在Swift UI中構建自定義視圖
    在SwiftUI中使用數據驅動的過渡和動畫創建自定義視圖。

  • protocol Shape
    繪製視圖時可以使用的2D形狀。


動畫

  • 動畫視圖和過渡
    使用SwiftUI時,無論效果在何處,都可以分別對視圖或視圖狀態進行動畫更改。SwiftUI爲您處理了這些組合,重疊和可中斷動畫的所有複雜性。

  • struct Animation

  • protocol Animatable
    一種類型,該類型描述如何爲視圖的屬性設置動畫。

  • protocol AnimatableModifier
    可以使用動畫創建另一個修改器的修改器。

  • func withAnimation<Result>(Animation?, () throws -> Result) rethrows -> Result
    返回使用提供的動畫重新計算視圖主體的結果。

  • struct AnimatablePair
    一對可設置動畫的值,其本身是可設置動畫的。

  • struct EmptyAnimatableData
    可動畫數據的空類型。

  • struct AnyTransition
    類型擦除的過渡。


形狀

  • struct Rectangle
    在包含矩形的視圖框架內對齊的矩形。

  • enum Edge
    指示矩形的一個邊的枚舉。

  • struct RoundedRectangle
    具有圓角的矩形,在包含該矩形的視圖框架內對齊。

  • struct Circle
    以包含它的視圖框架爲中心的圓。

  • struct Ellipse
    在包含橢圓的視圖框架內對齊的橢圓。

  • struct Capsule
    膠囊形狀在包含它的視圖框架內對齊。

  • struct Path
    2D形狀的輪廓。


變形的形狀

  • protocol InsettableShape
    能夠插入自身以產生其他形狀的形狀類型。

  • struct ScaledShape
    對其應用了比例轉換的形狀。

  • struct RotatedShape
    具有旋轉變換的形狀。

  • struct OffsetShape
    具有平移偏移變換的形狀。

  • struct TransformedShape
    具有仿射變換的形狀。

  • struct ContainerRelativeShape
    由當前容器形狀的插入版本代替的形狀。如果未定義容器形狀,則將其替換爲矩形。


繪畫,樣式和漸變

  • struct Color
    與環境有關的顏色。

  • struct ImagePaint
    通過重複圖像的區域來填充形狀的形狀樣式。

  • struct Gradient
    表示爲色標陣列的色階,每個色階都有一個參數位置值。

  • struct LinearGradient
    線性漸變。

  • struct AngularGradient
    角度漸變。

  • struct RadialGradient
    徑向漸變。

  • struct ForegroundStyle
    一種樣式,可根據當前上下文顯示前景的正確填充。

  • struct FillStyle
    柵格化矢量形狀的樣式。

  • struct BackgroundStyle
    一種基於當前上下文顯示正確填充背景的樣式。

  • protocol ShapeStyle
    將形狀變成視圖的方法。

  • enum RoundedCornerStyle
    定義圓角矩形的角的形狀。

  • struct SelectionShapeStyle
    一種可用作所選元素的背景的樣式。

  • struct SeparatorShapeStyle
    適用於前景分隔符或邊框線的樣式。

  • struct StrokeStyle


幾何

  • struct GeometryProxy
    用於訪問容器視圖的大小和座標空間(用於錨點分辨率)的代理。

  • struct GeometryReader
    一個容器視圖,根據其自身大小和座標空間定義其內容。

  • protocol GeometryEffect
    在不改變其祖先或後代的情況下,改變視圖的視覺外觀的效果。

  • struct Angle
    您可以通過弧度或度來訪問其值的幾何角度。

  • struct Anchor
    從錨源和特定視圖派生的不透明值。

  • struct UnitPoint

  • enum CoordinateSpace

  • struct ProjectionTransform

  • protocol VectorArithmetic
    可以用作可動畫類型的可動畫數據的類型。


加入我們一起學習SwiftUI

QQ:3365059189
SwiftUI技術交流QQ羣:518696470

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章