[SwiftUI]一、基础控件-(13)如何给图像视图添加边框、透明度和阴影 ...

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址： https://www.cnblogs.com/strengthen/p/12266398.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文演示给图像视图添加边框、透明度和阴影等视觉效果。

 1 import SwiftUI
 2 
 3 struct ContentView : View
 4 {
 5     var body: some View
 6     {
 7         ScrollView{
 8             VStack{
 9                 //通过指定的名称，加载项目中的一张图片
10                 //添加第一个图像视图
11                 Image("girlPicture")
12                     //给图像视图添加一个橙色的边框
13                     //边框的宽度为默认值1
14                     .border(Color.orange)
15                 
16                 //添加第二个图像视图
17                 Image("girlPicture")
18                     //并设置边框的宽度为10
19                     .border(Color.orange, width: 10)
20                 //添加第三个图像视图
21                 Image("girlPicture")
22                     //透明度
23                     .opacity(0.5)
24                 //添加第四个图像视图
25                 Image("girlPicture")
26                     //阴影半径10的阴影
27                     .shadow(radius: 10)
28                 //添加第五个图像视图
29                 Image("girlPicture")
30                     //阴影为紫色
31                     //阴影半径为10
32                     //在水平方向和垂直方向上，各偏移10点的距离。
33                     .shadow(color: .purple, radius: 20, x: 20, y: 20)
34             }
35         }
36     }
37 }
38 
39 #if DEBUG
40 struct ContentView_Previews : PreviewProvider {
41     
42     static var previews: some View {
43         ContentView()
44     }
45 }
46 #endif