在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 本文讲解和图像视图相关的知识点。 在用户界面上显示资源文件夹中的图片。 Image视图类似于UIKit中的UIImageView,主要用于显示项目里的图片素材。 1 import SwiftUI 2 3 struct ContentView : View 4 { 5 var body: some View 6 { 7 VStack{ 8 //这里直接使用图片名称,即可快速显示指定名称的图片。 9 Image("girlPicture") 10 //通过systemName属性,可以显示指定名称的SF Symbols图标。 11 //通过指定的名称,可以显示超过1500份不同的苹果内置的图标。 12 Image(systemName: "arkit") 13 //如果需要修改图标的颜色,只需设置它的背景颜色即可。 14 //这和设置字体颜色的方式是相同的。 15 .foregroundColor(.orange) 16 //设置图标尺寸的方式,也和设置文字尺寸的方式相同。 17 .font(.system(size: 48)) 18 19 //添加另一个图像视图,演示图像的缩放模式。 20 Image("girlPicture") 21 //通过调用resizable可调整方法, 22 //使图像视图进行自动缩放,以适配其父视图。 23 .resizable() 24 //最后将此图像视图的尺寸限制为指定的宽高比, 25 //即在撑满父视图的前提下,仍然保持图像原始的宽高比。 26 .aspectRatio(contentMode: .fit) 27 } 28 //设置垂直排列视图的内边距 29 .padding() 30 } 31 } 32 33 #if DEBUG 34 struct ContentView_Previews : PreviewProvider { 35 36 @State var txtFieldValue : String 37 38 39 static var previews: some View { 40 ContentView() 41 } 42 } 43 #endif
|
请发表评论