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—如何对图像视图进行缩放和旋转
800 0
SwiftUI—如何对图像视图进行缩放和旋转
Blender突然无法平移视图
Blender突然无法平移视图
1929 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
758 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—两个图像视图之间的色彩混合
SwiftUI—两个图像视图之间的色彩混合
398 0
SwiftUI—两个图像视图之间的色彩混合
【ThreeJs】(1)四大组件:场景、相机、物体、渲染器 | 创建一个矩形 | THREE脑图
【ThreeJs】(1)四大组件:场景、相机、物体、渲染器 | 创建一个矩形 | THREE脑图
344 0
【ThreeJs】(1)四大组件:场景、相机、物体、渲染器 | 创建一个矩形 | THREE脑图
SwiftUI—使用图像视图强大的色彩调整功能
SwiftUI—使用图像视图强大的色彩调整功能
644 0
SwiftUI—使用图像视图强大的色彩调整功能
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—如何给图像视图添加边框、透明度和阴影
747 0
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—如何给视图添加旋转手势
SwiftUI—如何给视图添加旋转手势
318 0
SwiftUI—如何给视图添加旋转手势
SwiftUI—使用Image图像视图显示项目中的图片
SwiftUI—使用Image图像视图显示项目中的图片
582 0
SwiftUI—使用Image图像视图显示项目中的图片
SwiftUI—如何下载并使用图像视图显示网络图片
SwiftUI—如何下载并使用图像视图显示网络图片
1627 0
SwiftUI—如何下载并使用图像视图显示网络图片