百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

定制你的 Mac 桌面,简单华丽的桌面自定义工具:übersicht

zhezhongyun 2025-01-20 18:15 41 浏览

übersicht是一款可以用来自定义桌面插件的工具,基于当下流行的编程语言和系统级命令运行,再以美观通俗的GUI展现给用户,既做到了可读性,也秉承了这类工具的相对实用性。我们可以根据自己的喜好定制不同的 Widgets,例如在桌面放一个好看的时钟插件,一款精致的天气插件,或是一些系统数据的 Dashboard,等等。

由于 übersicht 官方对 Widgets 的定义是一个完整的代码库,而不是简单整合的命令,所以它的插件整体质量相当之高。这虽然让插件的数量无法与同类应用抗衡(因为制作的成本较高),但用户完全可以自由修改参数,自定义插件的样式,以达到自己满意的效果。总而言之,übersicht 是一款非常讨喜的桌面插件创造工具。

在相关的同类应用中,听说得比较多的当属 GeekTool和人称「通知中心 GeekTool」的Today Scripts无疑,它们和 übersicht 的运行原理基本相同,但后者的不同在于,它还支持HTML5和特殊的CoffeeScript语法,所以 它的优势就很明显了:

  • 相对轻松的编写和自定义过程。
  • 多元化的显示风格。
  • 主动适配不同屏幕尺寸的能力。

安装插件

übersicht Widgets 的安装方法很简单,先在官网 下载安装 übersicht,然后前往官方 Widget 商店寻找自己想要的插件,点击 Banner 封面图可以读取相关开发者的介绍,或直接通过右下方 download 进行下载。接着,将解压缩后得到的 .coffee 文件置入 übersicht Widgets 的文件夹即可(偏好设置中可以进行自定义)。稍等片刻,桌面插件就会被主程序自动读取,安装完成。

不过,有些插件的安装方法比较复杂,比如 Pretty Weather这款。除了上述步骤,它还要求用户获取「天气数据」所需的个人 API Key,读者可以 前往注册。接着,需要将 API Key 覆盖至源代码中的相关地址,方可正常显示天气数据。还有最后一步,就是获取你当前的位置信息,有条件的读者可以通过Google Maps获取。

自定义插件

由于 übersicht 的发布处于 OS X 10.9 与 OS X 10.10 的跨越阶段,所以部分插件可能存在兼容性方面的问题。这是个尴尬的局面,好在开发商对此特意加入了「Inspect Element」调试工具,以便使用者清楚地了解当前运行状态中可能存在的问题。可是...

掌握浅层系统知识的人都知道,像这类调整当前状态的「调试」工具,大多都是针对「内存数据」的,即修改的结果只能临时起效,而一旦发生缓存被清除或插件重启的行为,刚才的方案将全部失效,取而代之,插件会重新从源代码中读取数据,生成最原始的效果。我想说的是,当用户需要调整插件位置(或外观)这些基本参数时,若想保证状态的持久性,就一定要从源代码中下手。这里笔者推荐一款强大的代码编辑应用 Sublime Text系列(免费版即可)。

以插件 Simple-Clock为例。第一步,先将 .coffee 文件以 Sublime Text 方式打开,完成后就能看到插件的源代码(见上图)。第二步,在第 48 行找到 style 关键词,也就是「外观」和「位置」的参数地址。第三步,修改数据并使用 CMD-S 进行保存以刷新插件状态,完成修改步骤。

  • fontSize:文字大小
  • width:插件占用的单位宽度(百分比)
  • transform:自比例调整能力(自动)
  • bottom:距离屏幕下方边缘的单位长度(百分比)
  • right:距离屏幕右侧边缘的单位长度(百分比)

还可以通过修改 background color 参数调整插件的背景色、修改 font-family 参数调整显示字体或修改 text-align 参数调整文字相对背景框的显示位置:center 置中、left 置左、right 置右等。插件(位置及外观)参数的单位可能是百分比,也可能是像素(px),但笔者个人不建议没有相关基础的读者修改其默认单位,因为通常情况下会使 Widgets 出现「报错」现象,那就得不偿失了。

其实最先 übersicht 只是由独立开发者 @Felix托管在 Github 上的项目,因获得大量用户好评(其中包括Brett)从而得以正身。所以,为保证用户能及时获取最新资讯和问题反馈,建议大家前往官方 Github 页面或官方网站了解详情。

相关推荐

3 分钟!AI 从零开发五子棋全过程曝光,网友:这效率我服了

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8...

一行代码实现display&quot;过渡动画&quot;原理

作者:Peter谭老师转发链接:https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg写本文的起因上篇文章,提到如何让display出现过渡动画,却没有仔...

脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下

AlekseiVinogradovisaRussianfreelancedigitalartistwhoshareshisskillsandtalentwith120k...

浏览器的渲染机制、重绘、重排

1、什么是重排和重绘网页生成过程:HTML被HTML解析器解析成DOM树css则被css解析器解析成CSSOM树结合DOM树和CSSOM树,生成一棵渲染树(RenderTree)生成布局(flo...

托福写作高频考题写作思路&amp;词汇丨考虫独家

科技话题与媒体话题是托福写作的常考话题很多考生对这两类话题里的专有词汇表达也许很不了解所以今天就跟随考虫托福写作老师刘云龙老师一起来学习在这些话题的写作里你可以使用哪些有用的表达。希望大家有收获!记得...

在优麒麟上使用 Electron 开发桌面应用

使用Web标准来创建桌面GUI,上手快、成本低、跨平台、自适应分辨率,这些都是Electron的优势。作者/来源:优麒麟Electron是由Github开发,用HTML、CSS和...

php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒

抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。1、转轮盘本来是想直接绘图实现轮盘,但是没有找到怎么填充文字,只好把轮盘弄成了背景图,通常用于游戏抽道具,商城积分抽奖,公司年末员工抽奖点击抽...

用 CSS 整活!3D 轮播图手把手教学,快乐代码敲出来

兄弟们,今天咱来搞点好玩的——用CSS整一个3D轮播图!咱野生程序员就是要在代码里找乐子,技术和快乐咱都得要!代码是写不完的,但咱能自己敲出快乐来,走起!一、先整个容器,搭个舞台咋先写一个...

实现一个超酷的 3D 立体卡片效 #前端开发

今天我们来实现一个超酷的3D立体卡片效果。正常情况下就是一个普通的图片展示卡片,鼠标悬停的时候图片会跳出卡片,并将影子投射到背景卡片上,在视觉上有一个3D立体感。html主要分成3个部分:容器→背景层...

Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;

模态框的"层级噩梦"与Teleport的救赎"这个模态框怎么又被父容器截断了?"团队协作开发后台系统时,小张第N次遇到这个问题。多层嵌套的组件结构里,弹窗被overfl...

让交互更加生动!有意思的鼠标跟随 3D 旋转动效

今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现:简单分析一下,这个交互效果主要有两个核心:借助了CSS3D的能力元素的旋转需要和鼠标的移动相结合本文,就将讲述如何使用纯CSS...

填坑:transform元素导致zindex失效终极方法

今天遇到了使用css3动画的元素层级被放大置顶的问题,ios浏览器上没问题,安卓原生浏览器和安卓微信上有问题。使用了css3动画的元素z-index失效,兄弟元素设置多高的z-index都盖不住解决办...

诡异的层级错乱:一个被transform隐藏的CSS陷阱

周五下午三点十七分,设计部突然发来紧急截图——原本应该悬浮在顶部的导航菜单,此刻正诡异地被下方的轮播图遮挡。我盯着屏幕上错乱的层级关系,手指下意识地敲下z-index:9999,心里清楚这不过是程序...

动画篇--碎片动画

本文授权转载,作者:Sindri的小巢(简书)前言从最开始动笔动画篇的博客,至今已经过去了四个多月。这段时间回头看了看自己之前的动画文章,发现用来讲解动画的例子确实不那么的赏心悦目。于是这段时间总是想...

Nature:大洋转换断层处的拉张构造与两阶段地壳增生

Nature:大洋转换断层处的拉张构造与两阶段地壳增生转换断层是三种基本的板块边界之一,全球总长度超过48000km(Bird,2003),它们的发现为板块构造理论的建立奠定了重要的基础(Wil...