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



目录
打赏
0
0
0
0
5
分享
相关文章
SwiftUI—如何对图像视图进行缩放和旋转
SwiftUI—如何对图像视图进行缩放和旋转
920 0
SwiftUI—如何对图像视图进行缩放和旋转
|
4月前
CSS3几何透明层文本悬停变色源码
CSS3几何透明层文本悬停变色源码是一款基于css3 svg制作的背景图片鼠标悬停几何形状透明层变色显示文本内容
26 0
CSS3几何透明层文本悬停变色源码
项目实战(三):banner加载网络图片,不变形,可缩放可完全显示
项目实战(三):banner加载网络图片,不变形,可缩放可完全显示
Blender突然无法平移视图
Blender突然无法平移视图
2231 0
duilib corner属性的贴图技巧——让图片自动贴到控件的的某一边或者一角并自适应控件的大小
转载请说明原出处,谢谢~~          Duilib给控件贴图功能可以附带多个属性,各个属性的配合可以达到许多效果。以下是duilib支持的所有贴图属性: 贴图描述:          Duilib的表现力丰富很大程度上得益于贴图描述的简单强大。
1866 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
869 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—两个图像视图之间的色彩混合
SwiftUI—两个图像视图之间的色彩混合
460 0
SwiftUI—两个图像视图之间的色彩混合
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
在本章中,你将学会ScrollViewReader滚动视图锚点的使用。
877 0
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
SwiftUI—如何给视图添加旋转手势
SwiftUI—如何给视图添加旋转手势
385 0
SwiftUI—使用图像视图强大的色彩调整功能
SwiftUI—使用图像视图强大的色彩调整功能
759 0
SwiftUI—使用图像视图强大的色彩调整功能
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等