SwiftUI—如何给图像视图添加遮罩以突出主题

简介: SwiftUI—如何给图像视图添加遮罩以突出主题

给图片添加遮罩效果,使用遮罩可以突出显示图片的主题内容。

示例代码:


VStack{
    Image("girlPicture")
    .clipShape(Circle()) //通过调用裁剪图形方法,给图像应用遮罩效果,遮罩图形为圆形
    Image("girlPicture")
    .mask(Circle()) //通过调用遮罩方法,给图像应用遮罩效果,遮罩图形为圆形,与上一种方法效果相同
    Image("texture")
    .resizable()
    .frame(width: 300, height: 300)
    .mask(
    Text("SWIFT UI!") //添加一个指定内容的文字遮罩
        .font(Font.system(size: 64).bold()))
}


2466108-2d86867e723c006f.webp.jpg



目录
相关文章
SwiftUI—如何对图像视图进行缩放和旋转
SwiftUI—如何对图像视图进行缩放和旋转
920 0
SwiftUI—如何对图像视图进行缩放和旋转
|
9月前
|
图形学
【unity小技巧】实现FPS武器的瞄准放大效果(UGUI实现反向遮罩,全屏遮挡,局部镂空效果)
【unity小技巧】实现FPS武器的瞄准放大效果(UGUI实现反向遮罩,全屏遮挡,局部镂空效果)
184 1
Blender突然无法平移视图
Blender突然无法平移视图
2226 0
|
编解码
unity3dUGUI之UI粒子特效自适应缩放
using UnityEngine; using System.Collections; using System.Collections.Generic; public class UIParticleScale : MonoBehaviour...
1614 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
869 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—两个图像视图之间的色彩混合
SwiftUI—两个图像视图之间的色彩混合
460 0
SwiftUI—两个图像视图之间的色彩混合
|
Swift
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
878 0
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
SwiftUI—如何给视图添加旋转手势
SwiftUI—如何给视图添加旋转手势
385 0
SwiftUI—使用图像视图强大的色彩调整功能
SwiftUI—使用图像视图强大的色彩调整功能
759 0
SwiftUI—使用图像视图强大的色彩调整功能
SwiftUI—如何给视图添加拖动手势
SwiftUI—如何给视图添加拖动手势
642 0