iOS 小组件 widget

已于 2022-09-03 07:36:24 修改
阅读量1.2k 收藏
点赞数
分类专栏： ios 文章标签： ios
于 2022-08-16 23:16:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_40537062/article/details/126376335
版权

苹果官网文档（apple developer）widgetkit

文章目录

1.创建小组件

  • File -> New -> Target
    请添加图片描述
  • 搜索widget,点击next
    请添加图片描述
  • 勾上Include Configuration Intent, 表示需要编辑小组件，点击finish
    请添加图片描述
  • 点击activate
    请添加图片描述
  • 跑到模拟器上，小组件就产生了，是一个小的小组件
    请添加图片描述
  • 点击加号，搜索MyWidget,点击MyWidget app
    请添加图片描述
  • 会出现小，中，大三个小组件。滑到中等大小的小组件，点击下面的Add Widget

请添加图片描述

  • 就又添加了一个中等大小的小组件到桌面上
    请添加图片描述

2.编辑小组件

iOS 小组件 widget 编辑小组件

3.数据共享

iOS 小组件 widget group id, app group, 数据共享

4.拖动排序

5.参考链接

网易云音乐 iOS 14 小组件实战手册 - 稀土掘金

星星月亮0
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
background-widget:一个Ubersicht小部件，可添加漂亮的动画背景
05-26
动画背景 美观动人的背景 ###基本说明将其放置在小部件文件夹中并解压缩 ### For Extra Widgets该widget附带了几个流行的widget，它们以一致的样式重新设置外观，并分层放置以与背景看起来很漂亮。 要安装它们，请在后台窗口小部件中解压缩“ extra-widgets”文件夹。 ###自定义背景小部件如果要隐藏常规背景， index.coffee在背景小部件文件夹中打开index.coffee 。 将showBackgroundColor设置为true，并将backgroundColor设置为所需的颜色。 这将用颜色替换背景。 ###创建自己的背景要创建自己的背景，您需要五张透明图片，可以将它们分层以体现深度感。 如果是通过3D渲染和动画程序（如Blender）创建的，这是最简单的。 用于创建包含的图像的Blender文件位于background.widge
ios的屏幕小组件学习文档
03-22
iOS 的屏幕小组件 Widget 自 iOS 14 发布以来已经有 3 年时间了，目前国内/海外很多的 App 已经支持了，如果你还没有做过小组件，那就 out 了，我准备花几篇文章详细讲讲如何开发小组件。 请注意，开发小组件必须...
[SwiftUI 开发] Widget 小组件
u010130947的专栏
01-05 5178
小组件可以在主屏幕上实现内容展示和功能跳转。系统会向小组件获取时间线，根据当前时间对时间线上的数据进行展示。点击正在展示的视觉元素可以跳转到APP内，实现对应的功能。小组件是一个独立于 App 环境(即 App Extension)，小组件的生命周期/存储空间/运行进程都和 App 不同。​​​​​​​App Extension 可以将自定义功能和内容扩展到应用程序之外，并在用户与其他应用程序或系统交互时向用户提供。例如，您的应用可以在主屏幕上显示为小部件。
Apple Widget：下一个顶级流量入口？
最新发布
2401_83817916的博客
03-25 1001
Widget 的出现，让 iOS 系统的桌面有了破局，一定会有很多产品都期待借助 Widget 来丰富自己产品的内容表达。但是，Widget 设计的初衷是简单明了的在恰当的时机展示一些带有个性化定制的内容，为了不让主屏幕的整体使用体验变得复杂，Widget 从技术上就做的很克制，限制了很多很多的能力。因此我认为Widget 不会成为下一个互联网公司竞争的流量入口，它会成为 App 提高用户体验的利器。
widget中使用动画效果
热门推荐
hxdanya的专栏
03-09 1万+
在activity中实现动画，非常简单。得益于Animation类。但是在widget中实现动画效果，确很麻烦。由于widget中的限制太多，可以使用的控件太少。Gallery之类的都不支持，除非自己在源码环境中自定义添加，使RemoteViews支持。但是不是很实用，只合适编译到Rom中的应用。            由于项目需要实现在一个widget中的imageView里面，多张图片定时切
iOS 小组件开发 && iOS 小组件开发用到的技术
u013712343的博客
05-19 2727
iOS 小组件开发 && iOS 小组件开发用到的技术
关于iOS Widget（Locket Widget App）
zcsoft
04-28 4270
最近一款UI风格很像Clubhouse的App，功能简单到不能再简单的Locket app火了，其主要功能就是通过桌面Widget显示一张朋友分享的照片，死气沉沉的互联网上终于出现了一点新东西。其实widget的概念自从ios8(2014年)开始就已经有了，但是从Widget出现到现在，一直没有得到很多人的关注，所以什么是Widget？Widget能实现哪些功能呢？ 什么是widget 一句话描述：widget就是App可以在主屏幕上显示一个功能简单的小插件。 ...
iOS Widget的简单实现案例
04-06
作者japho，源码WidgetDemo，一个基于iOS10的...今年iOS10的推出，让Widget扩展应用渐渐的火了起来，地位得到重大的提升，从这也可以看出苹果对他的重视，今天我们就来一起学习下Widget，来实现一个简单的扩展程序。
动态Widget（小组件、实时活动）.zip
03-06
动态Widget（小组件、实时活动）.zip
ios-scriptable-tsx:在 vscode 上使用 typescript 和 jsx 开发 ios 小组件的小框架.基于 Scriptable app
05-29
本项目旨在给 Scriptable 开发者提供舒适的开发体验, Scriptable 是 ios 上一个用 js 开发桌面小组件的 app ，如果你还没安装，可以 ios-scriptable-tsx 是一个二次封装 Scriptable 官方 api 的开发框架，它具有以下...
react-native-today-widget：React Native中的iOS Today小部件
02-05
该库将帮助您添加iOS Today Widget App Extension，而无需打开XCode。 依存关系 xcodeproj用于链接脚本： $ gem install xcodeproj 您可能需要使用sudo gem install xcodeproj或sudo gem install -n /usr/local/...
Widget小组件
qq_25303213的博客
01-16 3653
Widget小组件开发须知 1、只能使用SwiftUI进行开发，所以需要SwiftUI和Swift基础 2、Widget只支持3种尺寸systemSmall(2x2)、systemMedium(4x2)、systemLarge(4x4) 3、默认点击Widget打开主应用程序 4、需要在项目中进行App Groups的设置才能使其与主程序互通数据
iOS Widget开发，2024金九银十，帮你解决90%的问题
m0_61549353的博客
03-19 544
/// 尺寸只设置高度即可，因为宽度是固定的，设置了也不会有效果} else {在对应类的 Target Membership 勾选 Widget 即可1、 在podfile文件中2、 按照如图所示配置configurations3、 最后分别配置两个 Target 的 link Binanry当然有些第三方包含 source 文件的可能还需要别的操作，最简单粗暴的方式就是–>拖进去！
iOS 组件化代码实现
weixin_38201792的博客
04-25 289
新建SFUIKitDemo作为壳工程。
一文掌握android小组件（AppWidget）开发
ayugezhoubing的博客
03-09 2644
一文掌握android桌面小组件开发
widget 动画细节
ioszhuang2015的专栏
03-31 496
我用storyboard创建了一个widget，添加了一个按钮。点击按钮时，触发改变视图形状的动画，但是按钮却突然跳到了动画完成之后的位置，为什么其上的按钮没有平滑的进行动画呢？经过调试，发现，extention里的动画时间大概为0.3秒，于是我把动画时间改为0.3秒，并且把按钮连线，给按钮的frame也进行一个动画，运行，发现效果很不错，其上的按钮也有动画了，并且还比较平滑。 可能还有更好的方
Android Widget小组件开发（一）——Android实现时钟Widget组件的步骤开发，这些知识也是必不可少的！...
weixin_34186950的博客
02-19 629
Android Widget小组件开发（一）——Android实现时钟Widget组件的步骤开发，这些知识也是必不可少的！ PS：学习自某网站(不打广告) 这个小组件相信大家都很熟悉吧，以前的墨迹天气的时候我也经常用，现在好像很少有软件用了，个人感觉吧…他对于一个用户而言来说是十分方便，快捷的，而且我们可以定制一些各种各...
flutter 底部模态框组件 除了showModalBottomSheet 还有什么
05-30
Flutter 底部模态框还可以使用 `CupertinoActionSheet` 组件来构建，该组件提供了 iOS 风格的设计。 以下是一个使用 `CupertinoActionSheet` 实现的底部模态框的示例： ```dart void _showBottomModalSheet(BuildContext context) { showCupertinoModalPopup( context: context, builder: (BuildContext context) { return CupertinoActionSheet( title: Text('Title'), message: Text('Message'), actions: <Widget>[ CupertinoActionSheetAction( child: Text('Action 1'), onPressed: () {}, ), CupertinoActionSheetAction( child: Text('Action 2'), onPressed: () {}, ), ], cancelButton: CupertinoActionSheetAction( child: Text('Cancel'), onPressed: () => Navigator.pop(context), ), ); }, ); } ``` 在上面的示例中，我们使用 `showCupertinoModalPopup` 方法来展示一个 `CupertinoActionSheet` 组件。`CupertinoActionSheet` 包含一个标题和消息，以及一个或多个操作按钮和一个取消按钮。 操作按钮使用 `CupertinoActionSheetAction` 组件来构建，并可以通过 `onPressed` 回调来处理用户点击事件。取消按钮也是一个 `CupertinoActionSheetAction` 组件，并使用 `Navigator.pop(context)` 回调函数来关闭底部模态框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值