用 20+ 行 JavaScript 代码,短暂“变身” iOS 程序员!
摘要:你有没有尝试过在 iOS 中创建小部件,感受一把身为 iOS 程序员的快乐?本文作者将用二十几行 JavaScript 代码教你构建一个 iOS 小部件,据他所说,这“一点都不难”。
原文链接:https://stackonfire.com/feel-yourself-ios-developer-with-20-lines-of-javascript
声明:本文为 CSDN 翻译,未经授权,禁止转载。
作者 | Dimitri Ivashchuk
在这篇入门指南中,我们将构建如下软件,实际所需编写的 JavaScript 代码非常少。
这个软件的创意来源有两个:
1.有人使用这个小部件来显示收入。
2.频繁检查 GitHub 代码库的星星数量很麻烦。
我发现,构建 iOS 小部件一点都不难,只要有合适的工具,再加上非常基础的 JavaScript 知识即可!
项目简介
这个项目是一个 iOS 小部件,用来显示 GitHub 代码库的星星数量。这里我通过自己的一个开源项目为例进行说明。我们将采用 Scriptable,这个工具可以通过 JavaScript 生成漂亮的小部件,就像上图一样。
代码
// Request
// Nothing special here, just an async request function GitHub open API
async function getGithubData() {
const url = "https://api.github.com/repos/lost-pixel/lost-pixel";
const request = new Request(url);
const response = await request.loadJSON();
return response;
}
//UI
// Function that defines the element of the widget
async function createWidget() {
// Fetching data with the function we prepared before
const githubData = await getGithubData();
// Create new wdiget & set black background color
let listwidget = new ListWidget();
listwidget.backgroundColor = new Color("#000000");
// Create heading and style it properly
let heading = listwidget.addText("⭐ Lost Pixel ⭐");
heading.centerAlignText();
heading.font = Font.lightSystemFont(25);
heading.textColor = new Color("#fff");
// Add spacer between elements
listwidget.addSpacer(15);
// Create the stars display and style it properly. We use the data from API here
let stars = listwidget.addText(githubData.stargazers_count);
stars.centerAlignText();
stars.font = Font.semiboldSystemFont(20);
stars.textColor = new Color("#ffffff");
return listWidget;
}
// Execute createWidget function that returns us the widget
let widget = await createWidget();
// Show the widget when added to IOS homescreen
if (config.runsInWidget) {
Script.setWidget(widget);
} else {
widget.presentMedium();
}
// finish the execution of the script
Script.complete();
显示小部件
1.在 iOS 设备上安装 Scriptable for iOS;
2.点击 + 按钮创建一个新的脚本。
3. 将上面的代码粘贴到空白输入处。
4. 保存,这样就完成了!
5. 最后一步,只需将这个小部件添加到主屏幕即可:通过 Scriptable 小部件,将刚刚建好的小部件添加到主屏幕。
好了,恭喜你完成了!
☞Node 之父斥责 Oracle:你们也不用,那请交出 JavaScript 商标! ☞苹果往事:“我们必须制造 iPhone,它一定会终结 iPod” ☞JavaScript 后端开发者必须跨的 10 道门槛!
-
Laravel框架惊现高危漏洞 攻击者可肆意植入恶意脚本
Laravel 框架中出现了一个极为严重的安全漏洞(编号为 CVE-2024-13918)。攻击者能够借此在运行该流行 PHP 框架特定版本的网站上,随意执行 JavaScript 代码。这个漏洞是在
-
n8n兼具代码灵活性和可视化简单操作的开源神器
n8n,一款兼具代码灵活性和可视化简单操作的开源神器,让这些事情分分钟搞定!它支持 400+ 应用和服务,内置 AI 能力,既能拖拽完成任务,也能用代码搞定复杂逻辑,还能自托管,掌控所有数据。什么是
-
Brave浏览器新增自定义脚本可以将JS注入网站 实现类似暴力猴之类的功能
Brave Browser 开发团队日前推出 v1.75 版并引入自定义脚本功能,该功能允许高级用户将自己编写的 JavaScript 脚本注入到网站或特定网站中,以实现增强自定义、隐私和可用性等。本
关注公众号:拾黑(shiheibook)了解更多
赞助链接:
关注数据与安全,洞悉企业级服务市场:https://www.ijiandao.com/
四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

随时掌握互联网精彩
- 加币兑换人民币汇率2024年6月16日
- 美国总统拜登公布CHIPS计划跨机构领导团队任命
- 《电脑报》电子版小程序重磅更新!图文版即将上线
- 我国培育专精特新“小巨人”企业约9000家
- 2022世界5G大会新闻发布会在黑龙江省哈尔滨市召开
- 人老了就不喜欢折腾这些工具了。但,折腾起来很快乐
- 【杂谈快报】苹果回应iOS15.4正式版续航翻车:建议遇到续航问题先观察一段时间
- 解读腾讯安全MSS服务:三大硬核能力,让企业安全建设“化繁为简”
- 中国软件评测中心评出2020年CPU行业十大事件
- 【大公司创新情报】阿里巴巴将取消强制“361”制度,不强制10%员工无年终奖
- 名副其实的D系新传奇,惠威D200有源HiFi音箱评测
- 这是一篇关于 Office 和 PDF 多种批量操作、格式转换的文章,有点长,慢慢看