美文网首页
SwiftUI—如何给图像视图添加遮罩以突出主题

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

作者: anny_4243 | 来源:发表于2020-07-10 19:52 被阅读0次

原文链接:https://github.com/fzhlee/SwiftUI-Guide#18Image-Mask

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

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()))
}

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/ccxvcktx.html