IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    基于 Scriptable 从零开始美化iOS桌面(二)

    Nicolas-kings发表于 2023-09-16 05:22:26
    love 0

    今天我为大家带来新的作品,iOS14桌面组件神器(Scriptable)原创脚本,精美作品分享!喜欢的话就点关注吧!更多脚本正在路上…

    1
    2
    3
    4
    5
    6
    7
    * script     : ONE-Toady.js
    * version : 1.0.0
    * author : Nicolas-kings
    * date : 2021-03-27
    * github : https://github.com/Nicolasking007/Scriptable
    * desc : 具体配置,详见微信公众号-曰(读yue)坛
    *******************************************************

    前言

    距离发布上一篇推文,距今已有20多天。昨天被人夸了一顿,挺开心的。想到自己的作品能够帮到大家,解决需求。就挺开心的

    Scriptable脚本预览

    如何使用

    1. iPhone 上下载 Scriptable App(确保你的系统已更新为 iOS14+).

    2. 打开App,点击右上角+号,复制项目中对应的代码, 点击下载

    3. 长按桌面,添加组件,选择 Scriptable,然后点击组件配置,选择刚刚保存的脚本即可.

    4. 尽情享受吧!

    准备工作

    最近在公众号内回复留言时发现,依旧有许多人不知道如何设置小组件的背景,借着ONE-Toady新脚本发布之际,再次指导一下大家 如何自定义设置小组件的背景,一般设置背景的组件代码都是复用的,很长一段时间内都可以按照下面的设置

    设置透明背景

    首次选择true时,使用透明背景

    1
    const changePicBg = true  //选择true时,使用透明背景

    如果设置成功,再想到APP内预览,这时还是会提示你截图之类的,请设置成false 此时图片背景依旧是透明的 无需担心

    1
    const changePicBg = false  //选择true时,使用透明背景 

    设置必应每日图片作为背景

    如果想设置成每日变化的壁纸时,但当前是透明模式时,参照下面代码操作即可实现为必应壁纸

    1
    2
    const changePicBg = false  //选择true时,使用透明背景
    const ImageMode = true //选择true时,使用必应壁纸

    不想用默认的必应壁纸,请修改下面代码,将https://area.sinaapp.com/bingImg/替换成你的链接

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    //////////////////////////////////////
    // 组件End
    // 设置小组件的背景
    if (colorMode) {
    widget.backgroundColor = bgColor
    } else if (ImageMode) {
    //////看这里//////
    const url = "https://area.sinaapp.com/bingImg/"
    const i = await new Request(url);
    const img = await i.loadImage();
    widget.backgroundImage = await shadowImage(img)
    }
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    //////////////////////////////////////
    // 组件End
    // 设置小组件的背景
    if (colorMode) {
    widget.backgroundColor = bgColor
    } else if (ImageMode) {
    //////看这里//////
    const url = "http://p1.music.126.net/uarVFKgUlrI9Z1nr-50cAw==/109951162843608471.jpg"
    const i = await new Request(url);
    const img = await i.loadImage();
    widget.backgroundImage = await shadowImage(img)
    }

    设置纯色作为背景

    如果不想设置成图片的背景,想简单一点,设置成纯色,默认颜色为000000

    1
    2
    3
    4
    const changePicBg = false //选择true时,使用透明背景   
    const ImageMode = false //选择true时,使用必应壁纸
    const colorMode = true // 是否是纯色背景
    const bgColor = new Color("000000") // 小组件背景色

    更新背景颜色000000替换成#FFA400即可

    1
    2
    3
    4
    const changePicBg = false //选择true时,使用透明背景   
    const ImageMode = false //选择true时,使用必应壁纸
    const colorMode = true // 是否是纯色背景
    const bgColor = new Color("#FFA400") // 小组件背景色

    脚本支持尺寸

    支持:中

    脚本下载&订阅链接

    1
    2
    3
    4
    找到 `ONE-Today` 复制里面的代码内容即可

    脚本订阅链接地址:https://raw.githubusercontent.com/Nicolasking007/Scriptable/main/install.json

    往期作品一栏

    [{"url":"https://i.loli.net/2021/03/27/sH1AGgCmOK3ilqu.jpg","alt":"ONE-Tool"},{"url":"https://i.loli.net/2021/03/27/pz7i8DsA3WkGaTU.jpg","alt":"ONE-Progress"},{"url":"https://i.loli.net/2021/03/27/yEZAWRdraFKMpJB.jpg","alt":"ONE-NBA"},{"url":"https://i.loli.net/2021/03/27/WbFpYaeitnZ5Mzc.jpg","alt":"ONE-hotcomments"},{"url":"https://i.loli.net/2021/03/27/OLpBgxMtnSJHWmh.jpg","alt":"ONE-oliprice"},{"url":"https://i.loli.net/2021/03/27/64eOAa1FtvDBm7J.jpg","alt":"ONE-countdown"}]

    最后

    大家觉得用的开心,点在看或赞能让更多的人看见。谢谢大家啦!当然大家有什么问题也可在下方评论区留言,我将力所能及帮助大家



沪ICP备19023445号-2号
友情链接