二、SwiftUI之常用Widget

最新推荐文章于 2024-05-19 09:33:32 发布
最新推荐文章于 2024-05-19 09:33:32 发布
阅读量392 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： SwiftUI从入门到哇塞 文章标签： ios swiftui swift macos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinshoubbs/article/details/120777600
本文详细介绍了SwiftUI开发中常用的组件，包括View、Stack、Text、Button、Image、ScrollView、List、Section、Spacer和Lazy Grids。文中通过与UIKit组件的对比，阐述了SwiftUI组件的特点和使用案例，并提到了需要注意的事项。此外，文章还指出了一些API的版本限制和潜在的扩展需求。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

开发中常用Widget

  • 本章节主要介绍在SwiftUI开发过程中常用的一些组件
  • 介绍在iOS中的组件对应到SwiftUI是哪个
  • 简单介绍每个组件的使用案例
  • 当组件存在注意点时也会列举出来

⭐️连载

由于Widget较多，且根据api的版本迭代（比如2.0肯定比1.0的Widget多），本文也会迭代连载。

Widgets

View

自定义的一个protocol协议，所有的组件都需遵循它，可以理解为在iOS中所有的视图都需要继承UIView。

SwiftUI的所有可见定义都在SwiftUI.h中

现在开始，在SwiftUI中你可以忘记以前时时刻刻都在使用的frame.origin原点，因为在这里都是Stack-Flexbox布局

#一切皆View#

可以在定义中可以看到很多结构体都遵循了View协议，那么就可以当做一个视图组件来使用，比如：

Color：本身它只是代表一个颜色，但是它遵循了View，那么就可以这样用，就是一个此颜色背景的视图：

// 宽100高1的红色背景
Color.red.frame(width: 100, hei
了解本专栏 订阅专栏 解锁全文 超级会员免费看
SwiftUI Widget基础教程
iCloudEnd的博客
09-24 825
基础 窗口小部件显示相关的内容，使用户可以快速访问您的应用以获取更多详细信息。您的应用程序可以提供多种小部件，使用户可以专注于基本信息。他们可以添加同一窗口小部件的多个副本，从而根据其独特的需求和布局定制每个窗口小部件。多亏了Apple，我认为这是小部件的绝佳定义。 首先，使用Xcode菜单向您的应用添加窗口小部件扩展：File-> New-> Target-> Widget Extension。Xcode从模板创建一个小部件。它可能看起来像这样。 @main struct MyWidge
『第十章』仪态万千的雨燕：UIKit 和 SwiftUI
享受开发，颠倒银河
10-28 543
在本篇博文中，我们先是简要介绍了 UIKit 框架，接着我们详细讨论了 SwiftUI 以及它的重要组件：原生视图、修改器、状态与“真相之源”、动画以及与 UIKit 互动等众多话题。
SwiftUI 小组件 Widget（二）
qq_28001881的博客
12-26 2015
紧接上一篇小组件的创建SwiftUI 小组件 Widget（一）这篇来讲一下小组件的尺寸小组件最开始支持小、中、大三个尺寸，分别是到iOS 15新增了超大号，用于iPad端的再到iOS 16新增了锁屏小组件分别是机型se1141 * 141292 * 141292 * 311148 * 148321 * 148321 * 324155 * 155329 * 155329 * 345158 * 158338 * 158338 * 354159 * 159。
[SwiftUI 开发] Widget 小组件
u010130947的专栏
01-05 6286
小组件可以在主屏幕上实现内容展示和功能跳转。系统会向小组件获取时间线，根据当前时间对时间线上的数据进行展示。点击正在展示的视觉元素可以跳转到APP内，实现对应的功能。小组件是一个独立于 App 环境(即 App Extension)，小组件的生命周期/存储空间/运行进程都和 App 不同。​​​​​​​App Extension 可以将自定义功能和内容扩展到应用程序之外，并在用户与其他应用程序或系统交互时向用户提供。例如，您的应用可以在主屏幕上显示为小部件。
SwiftUI 小组件 Widget（一）
qq_28001881的博客
12-26 2216
小组件创建
SwiftUI——提供多种小组件（Widget）供用户选择
ZhongUncle的博客
05-24 1521
有时候app需要提供多种widget供用户选择/使用，那么可以使用以下方法，不过需要事先声明，每个app最多可以包含5种小组件（Widget）： 首先做几个小组件： //省略之前的Provider和SimpleEntey部分 //第一个小组件 struct WidgetOne: Widget { let kind: String = "WidgetOne" var body: some WidgetConfiguration { IntentConfiguration(ki
【SwiftUI】解决 NavigationLink 立即加载 destination View 的问题（实现懒加载）
fongim的博客
03-23 1596
【SwiftUI】解决 NavigationLink 立即加载 destination View 的问题（实现懒加载）
IOS小组件（3）：SwiftUI开发小组件布局入门
PopFisher的专栏
05-06 1333
IOS Widget（3）：SwiftUI开发小组件布局入门引言小组件布局怎么区分组件型号：大中小常用基础组件Text使用常用基础组件Image使用常用容器组件ZStack使用，类似安卓里面的FrameLayout，可以重叠布局常用容器组件HStack使用，水平方向布局常用容器组件VStack使用，垂直方向布局充满父布局怎么实现文字内部居中(multilineTextAlignment)等分剩余空间（Spacer）控制间距(spacing)结语 引言   经过上一篇文章，我们已经可以在桌面上展示出一个小组件
SwiftUI开发的跨平台RegEx测试工具RegExPlus
2. SwiftUI框架：SwiftUI是苹果公司推出的UI开发框架，它使得开发者能够用Swift编程语言以声明式的方式构建用户界面。声明式编程关注于描述界面应该是什么样子的，而具体的实现细节由SwiftUI框架处理。它提供了一套...
SwiftUI Widgets 之01 入门教程创建hello world(项目含源码)
iCloudEnd的博客
06-24 512
一、本文价值与收获 看完本文后，您将能够作出下面的界面 二、基础知识 什么Widgets Widgets小部件在iOS中存在很长一段时间，但iOS 14对其进行了彻底的改进,它们完全用SwiftUI编写。 iOS 14的小部件有多种形状（从字面上看），范围从简单的信息方块到可以从其父应用程序的Siri Intents检索和显示信息的小部件。 但是，吸引我最多注意力的一个技巧是直接在Home放置小部件，这意味着从技术上讲，您现在可以制作可视化的“微型应用程序”。如果您发现自己一遍又一遍地执行相同的任务，例
swift-简单完成iOS10新特性Widget.Siri.iMessage.Notificaation的搭建
08-15
简单完成 iOS10 新特性（Widget.Siri.iMessage.Notificaation）的搭建，其中健康图表引用的是大神Wildog 写好的表格。其中 demo 中还含有闪屏、JSPacth 的使用。
中点击按钮新建widget_用SwiftUI做一个Widget
weixin_31953847的博客
01-15 441
WWDC2020的Widget教学视频附带的程序，需要你有一个Developer账户，并且有注册的设备才可以运行。这里咱们搞一个乞丐版的widget例子。很简单，就是在桌面的widget上循环显示几句话，当用户点击某句话的时候会进入该句话对应的页面。新建一个SwiftUI的iOS App，命名为HelloWidget2. 点击HelloWidget新建一个target，在选项卡里搜索widget ...
swift开发一个Widget应用
weixin_34138377的博客
10-16 336
2019独角兽企业重金招聘Python工程师标准>>> ...
iOS 使用Swift开发Widget
weixin_34054866的博客
12-21 232
最近玩手机发现了widget这个app外的控件还是蛮有意思的，于是在上网查了一下资料，是iOS 8的系统开始开放的一个快捷显示操作功能，这个功能弥补了没有3D touch功能的iPhone。虽然网上百度可以查看到很相关的开发资料，但是我发现基本上都是Objective-C的例子，关于Swift开发的我仅仅只是看到了一篇（可能有一些我没看到），主要是都不够详细，作为一个新手的我，也为了让新手们少爬一...
探索SwiftUI与WidgetKit的魔法：Widget Examples
最新发布
gitblog_00074的博客
05-19 455
探索SwiftUI与WidgetKit的魔法：Widget Examples 在iOS开发的世界中，SwiftUI和WidgetKit的结合已经开启了全新的用户体验大门。今天，我们向您推荐一个独特的开源项目——Widget Examples，它是一份全面的演示，展示了如何利用SwiftUI和WidgetKit构建各种类型的widgets。 项目介绍 这个项目由开发者pawello2222创建，旨在...
Widget （SwiftUI中文文档手册）
iCloudEnd的博客
08-10 967
Widget 在主屏幕或通知中心中显示的小部件的配置和内容。 protocol Widget 总览 小组件可在iOS主屏幕上或macOS的通知中心中，从您的应用程序中轻松显示相关内容。用户可以添加，配置和安排窗口小部件以适应他们的个人需求。您可以提供多种类型的小部件，每种小部件都提供一种特定的信息。当用户想要更多信息时，例如要阅读标题中的全文或查看包裹交付的详细信息，该小部件可使他们快速获取应用程序中的信息。 小部件包含三个关键组件： 确定小部件是否可配置，标识小部件并定义显示小部件内容的SwiftU
SwiftUI Widget教程设计篇之 04 明智地使用颜色
iCloudEnd的博客
01-28 339
SwiftUI Widget教程设计篇之 04 明智地使用颜色 什么是Widget 小部件可提升您应用中的关键内容，并将其显示在人们可以在iPhone，iPad和Mac上一目了然的位置。有用且令人愉悦的小部件还可以帮助人们以独特的方式个性化其iPhone主屏幕。 明智地使用颜色 丰富，美丽的色彩吸引眼球，但它们绝不能阻止人们一眼就吸收小部件的信息。使用颜色可以增强小部件的外观，而不会与小部件的内容竞争。在资产目录中，您还可以指定系统在生成小部件的配置UI时希望系统使用的颜色。 加入我们一起学习Swift
iOS 使用Swift开发Widget 编程入门
ByteCodN的博客
09-22 341
该代码定义了一个名为“Widget”的小部件，并将其配置为在提供程序的帮助下显示“Hello, World!Widgets 是 iOS 14 引入的新功能，它允许用户在主屏幕上添加小部件，以便快速查看应用程序的相关信息。使用 Swift 和 Xcode，开发人员可以轻松地创建自己的小部件，并将其添加到应用程序中。选择“添加小部件”并找到您刚创建的小部件。本文将介绍如何使用 Swift 在 Xcode 中创建一个基本的小部件，并将其添加到应用程序中。在弹出的窗口中选择“小部件扩展”，然后单击“下一步”。
第5章第18节：创建一个简单的Widget小组件 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-08 1058
Widget是iOS 14的新特性，要创建小组件，需要使用到SwiftUI和WidgetKit。要在项目中创建Widget，首先点击此处的加号图标，添加一个target。 点击右侧的垂直滚动条，查看Widget扩展所在的位置。 选择此处的Widget Extension模板。 然后点击下一步，进入下一步设置页面。 在产品名称输入框里，输入产品的名称。 接着取消勾选此处的复选框。如果Widget提供了用户可配置的属性，请勾选此处的选项。我们将在第22节创建用户可配置的Widg..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值