Drawing and Graphics

Enhance your views with graphical effects and customized drawings.

Overview 概要

You create rich, dynamic user interfaces with the built-in views and shapes that SwiftUI provides. To enhance these views, you can apply many of the graphical effects typically associated with a graphics context, like setting colors, adding masks, and creating composites. Do this using the view modifiers in Graphics and Rendering Modifiers, along with supporting types found here, like Color and BlendMode.

When you do need the flexibility of immediate mode drawing in a graphics context, use a Canvas view. This can be particularly helpful when you want to draw an extremely large number of dynamic shapes — for example, to create particle effects.

Topics 話題

Immediate Mode Drawing

Add Rich Graphics to Your SwiftUI App

Make your apps stand out by adding background materials, vibrancy, custom graphics, and animations.

struct Canvas

A view type that supports immediate mode drawing.

struct GraphicsContext

An immediate mode drawing destination, and its current state.

Colors

struct Color

A representation of a color that adapts to a given context.

struct Gradient

A color gradient represented as an array of color stops, each having a parametric location value. 色経由それらからなるある配列として表されるある色勾配、それぞれはパラメータ的位置値を持ちます。

Render Effects

enum BlendMode

Modes for compositing a view with overlapping content. あるビューをオーバーラッブ内容と合成するモード。

enum ColorRenderingMode

The set of possible working color spaces for color-compositing operations.

struct ColorMatrix

A matrix to use in an RGBA color transformation.

enum ContentMode

Constants that define how a view’s content fills the available space.

Measurement

struct GeometryReader

A container view that defines its content as a function of its own size and coordinate space. あるコンテナビュー、それはそれの内容をそれ独自の大きさと座標空間の相関関係として定義します。

struct GeometryProxy

A proxy for access to the size and coordinate space (for anchor resolution) of the container view. コンテナビューの（アンカー解決のための）大きさと座標空間にアクセスするためのプロキシ。

Geometric Constructs

enum Axis

The horizontal or vertical dimension in a 2D coordinate system. ある2D座標システムにおける水平または垂直次元。

struct Angle

A geometric angle whose value you access in either radians or degrees. 幾何学的角度、それの値にあなたはラジアンまたは度のどちらかでアクセスします。

struct UnitPoint

struct MatchedGeometryProperties

A set of view properties that may be synchronized between views using the View.matchedGeometryEffect() function.

struct Namespace

A dynamic property type that allows access to a namespace defined by the persistent identity of the object containing the property (e.g. a view).

enum CoordinateSpace

struct ProjectionTransform