繪畫與動畫
使用顏色,形狀和陰影增強視圖,並自定義視圖狀態之間的動畫過渡。
總覽
使用繪圖工具組合形狀或爲您自己設計的形狀定義自定義路徑。將樣式從環境可感知的顏色應用到豐富的漸變到形狀的前景,背景和輪廓。
話題
必需品
繪製路徑和形狀
每當用戶訪問列表中的地標時,都會收到徽章。當然,對於要獲得徽章的用戶,您需要創建一個。本教程將通過結合路徑和形狀來指導您完成創建徽章的過程,然後將其與代表位置的另一個形狀進行疊加。在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