SwiftUI—使用Image图像视图显示项目中的图片

简介: SwiftUI—使用Image图像视图显示项目中的图片

Image相当于UIKit中的UIImage控件,用于显示指定名称的图片,或者显示指定systemName的图标。


示例代码:


VStack{
    Image("girlPicture") //图像视图,直接使用图片的名称,即可快速显示指定名称的图片
    Image(systemName: "arkit") //通过systemName属性,可以显示指定名称的SF Symbols图标。通过指定的名称,可以显示超过1500份不同的苹果内置图标
    .foregroundColor(.orange) //图标颜色
    .font(.system(size: 48)) //图标尺寸
    Image("girlPicture")
    .resizable() //通过resizable方法,使图像视图进行自动缩放,以适配其父视图
    .aspectRatio(contentMode: .fit) //在撑满父视图的前提下,仍然保持原始的宽高比
}
.padding()


2466108-98aca30901dfa90e.webp.jpg

目录
相关文章
|
安全 开发者
SwiftUI极简教程02:Image图片的使用
SwiftUI极简教程02:Image图片的使用
1339 1
SwiftUI极简教程02:Image图片的使用
|
2月前
|
Android开发
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
126 1
Elementui-Image组件,单个图片点击放大展示
Elementui-Image组件,单个图片点击放大展示
|
计算机视觉 C#
知乎上有一个问题“在mfc框架中,有上面方法能直接将opencv2.0库中的Mat格式图片传递到Picture Control”中显示?
一直以来,我使用的方法都是shiqiyu在opencvchina上面提供的引入directshow,并且采用cvvimage和cameraDs的方法。这个方法虽然在xp/win7/win8下面都能够成果使用,但是一直以来我都没有动机去深入看一看这个方法。
1234 0
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
609 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
2月前
|
Dart
Flutter 学习之图片的选择、裁切、保存
Flutter 学习之图片的选择、裁切、保存 在Flutter中,我们可以通过调用系统的图片选择器来选择一张图片,也可以通过使用插件来实现图片的裁切和保存。
145 0
|
小程序 容器
【微信小程序】image组件的4种缩放模式与9种裁剪模式
假设有一个容器(这个容器的宽高就是设置的样式),要将图片放进去。而aspectFit的特点就是保持图片不变形,且容器要“刚好”将这个图片装进去。如果原始图片比容器大,就要被等比例缩小;如果原始图片比容器小,就会被等比例放大。一直放大或缩小到图片的某一条边刚好和容器的一条边重合。
1142 0
VC中GDI+双缓冲实现Picture控件中显示png图片
VC中GDI+双缓冲实现Picture控件中显示png图片
178 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
756 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何下载并使用图像视图显示网络图片
SwiftUI—如何下载并使用图像视图显示网络图片
1627 0
SwiftUI—如何下载并使用图像视图显示网络图片