惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Y
Y Combinator Blog
V
V2EX
Jina AI
Jina AI
爱范儿
爱范儿
M
MIT News - Artificial intelligence
量子位
L
LangChain Blog
Google DeepMind News
Google DeepMind News
酷 壳 – CoolShell
酷 壳 – CoolShell
罗磊的独立博客
腾讯CDC
MongoDB | Blog
MongoDB | Blog
P
Proofpoint News Feed
宝玉的分享
宝玉的分享
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Last Week in AI
Last Week in AI
H
Hackread – Cybersecurity News, Data Breaches, AI and More
F
Fortinet All Blogs
The GitHub Blog
The GitHub Blog
Engineering at Meta
Engineering at Meta
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Vercel News
Vercel News
T
The Blog of Author Tim Ferriss

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
Launcher Lab 速成指南(下):仿制 WP 风格主屏 - 少数派
2015-02-23 · via 少数派

Launcher Lab 速成三部曲到了最终章。在学会了基本操作,了解了使用方法以后,下一步就是我们大展身手的时刻了。今天小k 带大家一起,从零开始制作一个仿 Windows Phone 风格的主屏。

为什么要模仿 Windows Phone 风格而不是 iOS 呢?首先,WP 的 UI 都是大色块加单色字体,对于美化新手来说比较简单;其次,虽然 Launcher Lab 提供了类似 iOS 的控制中心,但切屏效果比较单调,Launcher Lab 的自定义特点不能被充分利用;最后,不管有没有苹果设备,基本上 iOS 的界面大家天天都能见到,再美丽的画面,看多了也会有一些腻吧。

构建元素框架

下面我们开始制作,Windows Phone  的UI 比较简单,底层只有方形图案。方形元素之上可以放置快捷方式或者文字控件,只要在图形里面就不会凌乱。

首先放置一个矩形元素(仅仅一个就可以),调整矩形为正方形,颜色按照自己的喜好来即可。如果大家喜欢新版 Windows Phone 那种将图片覆盖到方块的样子,可以先将图片裁剪成几个大小相同的正方形,然后使用图片替代矩形元素即可。

第二步让我们来添加实际功能。电话、短信、照相机、浏览器这四大金刚使我们最常用的四个功能,我们需要将他们放在桌面上。考虑到只有动态元素才能够添加切屏效果,我们不可以将他们直接从程序列表中拖进来,而是需要设置动态元素的响应动作连接到这四个应用。Windows Phone 的主屏幕都是使用单色图标作为标示符,如果我们没有找到合适的纯色图标,可以使用文字代替,如果恰好有合适的图标文件,那就从动态元素列表中选择图片,在桌面上单击它再选择纹理贴图,Launcher Lab 会调用自带图库,我们根据对应功能选择图标,图片元素就变成了对应的样子。重复几次,直到所需功能都添加完成即可。

如果还有剩余空间,我们可以添加播放控件,添加方法与上述相同。

叠加动态效果

我们非常容易就可以分析出 WindowsPhone 的动态效果,大致类似我们在看一个滚筒,图标都贴在这个滚筒上,他们在不断旋转,正对着我们的那一面就是我们所看到的桌面主屏。利用透视原理我们也很容易仿制出 WindowsPhone 的动画效果来。

在切屏特效中,插值器选择「缓出」,点击设定起点,把它的宽度缩小,然后将其保持平行拖到屏幕边缘,勾选「淡入」放置穿帮镜头;在动画中选择「凹陷」来模仿 WindowsPhone 中点击按钮的效果,声音可根据喜好自定义。至此,动画设定完成,是不是很简单呢?

调整功能排版

最后的工作就是把对应的功能安插进去。触发功能中设置响应,链接到通话、短信、相机和浏览器应用,有分类习惯的同学还可以把文件夹作为响应内容,十分方便。

将第一部分制作的方形元素复制几次,拖动到合适的位置,这时他们的切屏动画起点是不变的,因此我们只需要重新设定动画起点位置,无需改变形状与大小。

最后,在图层列表中,将所有方形元素拉到其他元素之下,改变背景为纯黑或者使用比较简洁的暗色壁纸(如果图标是黑色就使用亮色壁纸),最终的效果就与 WindowsPhone 比较接近了。

以上就是 Launcher Lab 极速教程的最终章。虽然教程结束了,但我们折腾的热情永不退却,Launcher Lab 给了我们太多可能,只等你来发现了。