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图片的使用
1466 1
SwiftUI极简教程02:Image图片的使用
|
8月前
|
Android开发
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
300 1
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
689 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
7月前
Elementui-Image组件,单个图片点击放大展示
Elementui-Image组件,单个图片点击放大展示
265 2
|
8月前
|
Dart
Flutter 学习之图片的选择、裁切、保存
Flutter 学习之图片的选择、裁切、保存 在Flutter中,我们可以通过调用系统的图片选择器来选择一张图片,也可以通过使用插件来实现图片的裁切和保存。
388 0
video播放中页面上画线条-坐标点画图demo效果(整理)
video播放中页面上画线条-坐标点画图demo效果(整理)
|
移动开发
【笔记】h5页面img标签变形,无法完美适配
h5页面img标签变形,无法完美适配
236 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
842 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
|
iOS开发
使用AutoLayout约束, 为啥图片的大小(Image size)却还以实际大小显示?
问题 给一个 UIImageView 设置一张图片时,使用 AutoLayout 给 UIImageView 约束宽高,但是实际显示的大小,图片以实际的大小显示出来,代码也没有设置 frame,设置contentMode为UIViewContentModeScaleAspectFit 也不起作用。
1113 0
SwiftUI—如何下载并使用图像视图显示网络图片
SwiftUI—如何下载并使用图像视图显示网络图片
1770 0
SwiftUI—如何下载并使用图像视图显示网络图片