[Swift UI]一、基础控件-(13)如何给图像视图添加边框、透明度和阴影
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝(let_us_code)
➤博客园地址:山青咏芝(https://www.cnblogs.com/strengthen/)
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址: https://www.cnblogs.com/strengthen/p/12266398.html
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
本文演示给图像视图添加边框、透明度和阴影等视觉效果。
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

浙公网安备 33010602011771号