Graphics and Rendering Modifiers

Affect the way the system draws a view, for example by scaling or masking a view, or by applying graphical effects. システムがビューを描画する方法に影響を与えます、例えばあるビューを拡大縮小またはマスクすることによって、またはグラフィカル効果を適用することによって。

Overview 概要

Use these view modifiers to apply many of the rendering effects typically associated with a graphics context, like adding masks and creating composites. You can apply these effects to graphical views, like Shapes, as well as any other SwiftUI view.

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

Topics 話題

Masks and Clipping

func mask<Mask>(alignment: Alignment, () -> Mask) -> some View
Masks this view using the alpha channel of the given view. このビューをこの与えられたビューのアルファチャンネルを使って隠します。
func clipped(antialiased: Bool) -> some View
Clips this view to its bounding rectangular frame. このbkビューをそれの境界矩形枠に切り抜きます。
func clipShape<S>(S, style: FillStyle) -> some View
Sets a clipping shape for this view. このビューに対する切り抜き形状を設定します。
func cornerRadius(CGFloat, antialiased: Bool) -> some View
Clips this view to its bounding frame, with the specified corner radius. このビューをそれの境界枠へと切り抜きます、この指定された角丸めで。
func containerShape<T>(T) -> some View
Sets the container shape to use for any container relative shape within this view.

Scale 規準

func scaledToFill() -> some View
Scales this view to fill its parent. このビューを拡大縮小して、それの親いっぱいに満たします。
func scaledToFit() -> some View
Scales this view to fit its parent. このビューを拡大縮小してそれの親にぴったり合わせます。
func scaleEffect(CGFloat, anchor: UnitPoint) -> some View
Scales this view’s rendered output by the given amount in both the horizontal and vertical directions, relative to an anchor point. このビューのもつ描出された出力をこの与えられた量によって水平と垂直方向の両方で、あるアンカーポイントに関して、拡大縮小します。
func scaleEffect(CGSize, anchor: UnitPoint) -> some View
Scales this view’s rendered output by the given vertical and horizontal size amounts, relative to an anchor point. このビューのもつ描出された出力を拡大縮小します、この与えられた水平と垂直の大きさ量によって、あるアンカーポイントに相対して。
func scaleEffect(x: CGFloat, y: CGFloat, anchor: UnitPoint) -> some View
Scales this view’s rendered output by the given horizontal and vertical amounts, relative to an anchor point. このビューのもつ描出された出力をこの与えられた水平と垂直の量によって、あるアンカーポイントに関して、拡大縮小します。
func imageScale(Image.Scale) -> some View
Scales images within the view according to one of the relative sizes available including small, medium, and large images sizes. ビュー内部の画像それらの拡大縮小を、小、中、そして大の画像サイズを含む利用可能な相対的サイズの１つによって行います。
func aspectRatio(CGFloat?, contentMode: ContentMode) -> some View
Constrains this view’s dimensions to the specified aspect ratio. このビューのもつ次元それらをこの指定されたアスペクト比へと制約します。
func aspectRatio(CGSize, contentMode: ContentMode) -> some View
Constrains this view’s dimensions to the aspect ratio of the given size. このビューのもつ次元それらをこの与えらた大きさのアスペクト比へと制約します。

Rotation and Transformation

func rotationEffect(Angle, anchor: UnitPoint) -> some View
Rotates this view’s rendered output around the specified point. このビューのもつ描画された出力をこの指定された点を中心として回転します。
func rotation3DEffect(Angle, axis: (x: CGFloat, y: CGFloat, z: CGFloat), anchor: UnitPoint, anchorZ: CGFloat, perspective: CGFloat) -> some View
Rotates this view’s rendered output in three dimensions around the given axis of rotation. このビューのもつ描画された出力を３次元においてこの指定された回転軸を中心として回転します。
func projectionEffect(ProjectionTransform) -> some View
Applies a projection transformation to this view’s rendered output. 投影変換をこのビューのもつ描画された出力に適用します。
func transformEffect(CGAffineTransform) -> some View
Applies an affine transformation to this view’s rendered output. アフィン変換をこのビューのもつ描画された出力に適用します。

Graphical Effects

func blur(radius: CGFloat, opaque: Bool) -> some View
Applies a Gaussian blur to this view. ガウシアンぼかしをこのビューに適用します。
func opacity(Double) -> some View
Sets the transparency of this view. このビューの透明度を設定します。
func brightness(Double) -> some View
Brightens this view by the specified amount. このビューをこの指定された量だけ明るくします。
func contrast(Double) -> some View
Sets the contrast and separation between similar colors in this view. このビューにおいて同系色の間のコントラストと分離を設定します。
func colorInvert() -> some View
Inverts the colors in this view. このビューにおいて色を逆にします。
func colorMultiply(Color) -> some View
Adds a color multiplication effect to this view. 色乗算効果をこのビューに加えます。
func saturation(Double) -> some View
Adjusts the color saturation of this view. このビューの色彩度を調整します。
func grayscale(Double) -> some View
Adds a grayscale effect to this view. グレイスケール効果をこのビューに加えます。
func hueRotation(Angle) -> some View
Applies a hue rotation effect to this view. 色相回転効果をこのビューに適用します。
func luminanceToAlpha() -> some View
Adds a luminance to alpha effect to this view. ある輝度をこのビューへのアルファ効果に加えます。
func shadow(color: Color, radius: CGFloat, x: CGFloat, y: CGFloat) -> some View
Adds a shadow to this view. 影をこのビューに加えます。

Composites

func blendMode(BlendMode) -> some View
Sets the blend mode for compositing this view with overlapping views. このビューを重なり合っているビューそれらと合成することに対するブレンドモード（混合方式）を設定します。
func compositingGroup() -> some View
Wraps this view in a compositing group. このビューをある合成グループの中にラップ（包み込み）します。
func drawingGroup(opaque: Bool, colorMode: ColorRenderingMode) -> some View
Composites this view’s contents into an offscreen image before final display. このビューのもつ内容をある画面外の画像へと最終的表示の前に合成します。

Animations

func animation(Animation?) -> some View
Applies the given animation to this view when this view changes.
Available when Self conforms to Equatable. SelfがEquatableに準拠する場合に利用可能です。
func animation<V>(Animation?, value: V) -> some View
Applies the given animation to this view when the specified value changes. 与えられたアニメーションをこのビューに適用します、この指定された値が変化する場合に。
func transition(AnyTransition) -> some View
Associates a transition with the view. ある遷移をビューと結びつけます。
func transaction((inout Transaction) -> Void) -> some View
Applies the given transaction mutation function to all animations used within the view.
func matchedGeometryEffect<ID>(id: ID, in: Namespace.ID, properties: MatchedGeometryProperties, anchor: UnitPoint, isSource: Bool) -> some View
Defines a group of views with synchronized geometry using an identifier and namespace that you provide. 同期された幾何学でのビューそれらからなるあるグループを定義します、あなたが提供する識別子と名前空間を使っています。

See Also 参照

Drawing Views

Style Modifiers
Apply built-in styles to different types of views.
Layout Modifiers
Tell a view how to arrange itself within a view hierarchy by adjusting its size, position, alignment, padding, and so on. ビューにどのようにそれ自身をビュー階層内で整えるか伝えます、それの大きさ、位置、整列、詰め、その他を調整することによって。