SwiftUI教程第1章第14节：Image-Basic

最新推荐文章于 2024-08-04 20:34:01 发布

李发展

最新推荐文章于 2024-08-04 20:34:01 发布

阅读量536

点赞数

分类专栏： iOS移动开发文章标签： swiftui SwiftUI ios开发

本文为互动教程网原创文章，欢迎转载但请注明来源。

本文链接：https://blog.csdn.net/fzhlee/article/details/99766320

版权

iOS移动开发专栏收录该内容

469 篇文章 43 订阅

订阅专栏

源码地址：https://github.com/fzhlee/SwiftUI-Guide

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

VStack{
            
    Image("girlPicture")

    Image(systemName: "arkit")
	.foregroundColor(.orange)
	.font(.system(size: 48))

    Image("girlPicture")
	.resizable()
	.aspectRatio(contentMode: .fit)
}
.padding()

查看运行结果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

李发展

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

第 4 章使用堆栈布局用户界面

xubaimiao的专栏

06-25

115

SwiftUI 中的堆栈类似于 UIKit 中的堆栈视图。通过组合水平和垂直堆栈中的视图，您可以为应用构建复杂的用户界面。在 UIKit 中，必须使用自动布局来构建适合所有屏幕尺寸的界面。好消息是，在 SwiftUI 中，您不再需要使用自动布局。，您的最后练习是创建一个类似于图 28 中所示的布局。您可以随意选择符合您偏好的不同图像，而不必严格遵循我使用的图像。在本章中，我将指导您了解所有类型的堆栈，并向您展示如何使用堆栈构建网格布局。在本章结束时，您将能够有效地将视图与堆栈结合起来并构建您想要的 UI。

Top 10 swift projects on github

fishmai的专栏

05-15

916

1.iina A few of the Features: Based on mpv, which provides the best decoding capacity on macOS Designed for modern macOS (10.10+), aims to offer the best user experience All the features you nee...

3 条评论您还未登录，请先登录后发表或查看评论

SwiftUI系列教程

lizhaobomb的专栏

06-11

1257

最近在油管上看到的SwiftUI教程，看着还不错，给大家转发下，不方便上油管的朋友们可以参考下，下面链接就是视频教程大家感兴趣的可以关注下1、WeSplit APPSwiftUI教程了...

[译] SwiftUI 官方教程（二）

weixin_34197488的博客

06-07

671

完整中文教程及代码请查看 github.com/WillieWangW… 创建和组合 View 此部分将指引你构建一个发现和分享您喜爱地方的 iOS app —— Landmarks 。首先我们来构建显示地标详细信息的 view。 Landmarks 使用 stacks 将 image、text 等组件进行组合和分层，以此来给 view 布局。如果想给视图添加地图，我们需要引入标准 Map...

SwiftUI入门篇

最新发布

prompt

08-04

1227

综上所述，SwiftUI通过其声明式语法、实时预览、跨平台开发支持以及更简单的布局和状态管理等特点，显著提升了iOS开发的效率和开发体验，使得开发者能够更快速地构建出现代化和响应式的应用程序。SwiftUI提供了一系列容器视图和布局视图，使得开发者能够以简单和直观的方式创建复杂的布局和组合视图。最简单的方式是指定图像的名称，SwiftUI会自动查找和加载相应的图像资源。是用来显示图像内容的视图组件。视图组合是指将多个视图组合在一起形成复杂的UI结构，可以通过嵌套不同的布局视图和控件视图来实现。

05-21

Build fluid and engaging declarative UI for your apps — using less code — with SwiftUI! With SwiftUI, you can define what your app’s UI should do with concise, declarative language, and say goodbye to tons of confusing UIKit code. Build modern, responsive UI and animations that look great on iOS, iPadOS, watchOS, tvOS or even macOS!

SwiftUI 官方教程（一）

weixin_30908707的博客

06-15

522

完整中文教程及代码请查看 https://github.com/WillieWangWei/SwiftUI-Tutorials 创建和组合 View 此部分将指引你构建一个发现和分享您喜爱地方的 iOS app —— Landmarks 。首先我们来构建显示地标详细信息的 view。 Landmarks 使用 stacks 将 image、text 等组...

iOS SwiftUI教程(1)-创建和组合视图

夏天然后的技术专栏

07-20

1087

文章目录1. Create a New Project and Explore the Canvas2. 新版Xcode有了更加便捷了预览3. Customize the Text View3.1 以下是通过代码对Text进行简单的设置, 更加详细的使用请看Text 相关API3.2 还可以点击command键 +然后点击要修改的Text/ command+点击文字3.3 Combine Views Using Stacks4. Create a Custom Image View5. Use UIKit

滚动分页_SwiftUI中的分页滚动-向前迈进

weixin_26638123的博客

07-24

885

滚动分页介绍 (Introduction) SwiftUI 2.0 is here! Following WWDC20, loads of new APIs and features were announced to come up in iOS 14. After only one year of existence, Apple has bet on this framework to s...

iOS：iOS开发非常全的三方库、插件等等

dienangpiao2051的博客

09-23

7393

iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...

iOS 强大第三方资源库

热门推荐

weixin_34237596的博客

03-08

1万+

Github用法 git-recipesGit recipes in Chinese. 高质量的Git中文教程. lark怎样在Github上面贡献代码 my-git有关 git 的学习资料 gitignore非常赞有用的.gitignore模板集合(忽略上传的文件集合)，包含了各种语言. 完整App@ open-source-ios-apps- iOS开源App集合，分：swift与Objec...

SwiftUI教程文章汇总

u013712343的博客

05-18

274

SwiftUI教程文章汇总

SwiftUI，Swift 教程推荐（免费为主）

weixin_44045184的博客

02-03

1341

楼主之前写的是python，因团队较小，工作需要，开始写swift，和python等编程语言比起来，swift好的教程是真的少，而且很多需要收费，下面推荐一些较好的教程，博主们有好的教程也可以私信楼主加上。此博文尽量持续更新 SwiftUI: Swift: ...

SwiftUI 官方教程（五）

weixin_30648587的博客

06-15

431

SwiftUI官方教程（五） 5. 同时使用 UIKit 和 SwiftUI 至此，我们已准备好创建 map view 了，接下来使用MapKit中的MKMapView类来渲染地图。在SwiftUI中使用UIView子类，需要将其他 view 包装在遵循UIViewRepresentable协议的SwiftUIview 中。SwiftUI包含了和WatchKi...

[译] SwiftUI 官方教程（一）

翻肚鱼儿的博客

08-27

2579

SwiftUI 简介 SwiftUI 是一种为任何 Apple 平台声明用户界面的现代化方式。以前所未有的速度，创建漂亮、动态的应用程序。只需要描述一次的布局为你的视图声明任何状态的内容和布局，一旦状态发生改变， SwiftUI 会自动更新视图的渲染。 List(landmarks) { landmark in HStack { Image(landmark.thumbnail) Text(landmark.name) Spacer() .

SwiftUI官方教程解读

sundaysme的博客

12-02

1139

原文链接：https://www.jianshu.com/p/ecfdbea7a0ed SwiftUI简介 SwiftUI是wwdc2019发布的一个新的UI框架，通过声明和修改视图来布局UI和创建流畅的动画效果。并且我们可以通过状态变量来进行数据绑定实现一次性布局；Xcode 11 内建了直观的新设计工具canvus，在整个开发过程中，预览可视化与代码可编辑性能同时支持并交互，让我们可以体验...

SwiftUI 教程系列-第三章

Mr.ZHOU的博客

05-23

2322

第三章: 用Swift语言和SwiftUI框架创建你的第一个app 到目前为止, 你应该对xcode工具和swift语言有所了解,如果你没看过前面2节, 建议先看看,这章,会深入了解一下SwiftUI 框架特性 1. 构建第一个app File->New->Project选择iOS–>App 下一步, 工程名,命名为 HelloWorld 其中organization identifier可以填写比较个性的定义,或者如果有你网站,可以填写网站域名,然后点Next, xcode会提示

SwiftUI之深入解析Alignment Guides的超实用实战教程

╰つ栺尖篴夢ゞ

01-09

1675

Alignment guides 是一个强大的布局工具，但通常未被充分利用。在很多情况下，它们可以帮助我们避免更复杂的选项，比如锚点偏好。如下所示，对对齐的更改也可以自动（并且容易地）动画化：如果您曾经尝试过使用 alignment guides，那么可能会对结果感到困惑。它们倾向于做期望它们做的事，直到它们不做。在花了一些时间测试对齐指南的限制后，可以得出结论，它们确实有效。然而，我们对它们的期望是困惑的。

list-style-image: image-set();

05-21

`list-style-image: image-set()` 是一个 CSS 属性，用于为列表项设置自定义的标记图像。`image-set()` 函数允许您指定多个图像以及它们对应的不同分辨率，浏览器会根据设备的分辨率选择最佳的图像进行显示。以下是 `list-style-image: image-set()` 的语法和示例： ``` ul { list-style-image: image-set(url('marker-1x.png') 1x, url('marker-2x.png') 2x); } ``` 上述代码会为无序列表的每个列表项设置自定义的标记图像。`image-set()` 函数指定了两个图像，一个是 `marker-1x.png`，另一个是 `marker-2x.png`，它们分别适合不同的设备分辨率。当浏览器检测到设备分辨率为 1x 时，它会使用 `marker-1x.png`，而在设备分辨率为 2x 时，它会选择 `marker-2x.png` 进行显示。