数码之家

 找回密码
 立即注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

搜索
查看: 56|回复: 2

[酷玩] 手搓星际迷航舰桥!零代码把家改成LCARS控制面板全纪录

[复制链接]
发表于 4 小时前 | 显示全部楼层 |阅读模式
本帖最后由 麻薯滑芝士 于 2025-12-29 09:15 编辑

兄弟们,姐妹们,各位瞅瞅下面这图!这玩意儿是搁我家墙上挂着的,不是我P的,也不是哪个科幻片场道具——这玩意儿真他娘能控制我家所有的灯、空调、电视甚至窗帘!就问你,哪个《星际迷航》老粉看了不迷糊?哪个科技直男看了不直接颅内高潮?

就这玩意儿,让我整整折腾了一个月!每天睁眼闭眼就是琢磨这破玩意,但搞成之后,我摸着良心说,这装逼的快乐、伸手就能控一切的方便、还有那离谱的安全感,值了,真值麻了!所以今天,咱就抛开所有专业术语和门槛,用最白的话,把怎么从零开始、一毛钱代码不用写、就把你安卓手机/平板变成《星际迷航》里那种LCARS风格智能家居控制台的全过程,给你扒个干干净净!保姆级?不,这回是“手把手给你焊死”级!

背景铺垫(唠透为啥要折腾这个)
先唠唠我为啥要搞这个。我,一重度智能设备爱好者,家里智能设备越来越多。结果呢?控制它们得在手机里装一堆App,切来切去烦得要死;用亚马逊Alexa那个语音助手吧,界面丑得一批,跟个上世纪收音机似的。而且注意啊,我说的是“物理控制”,因为我基本不用语音控制。为啥?俩原因:

有时候戳一下按钮比跟智障AI说半天还快。
我真是受够了Alexa那“一直在听”的毛病,经常半夜或者我跟朋友唠嗑时,它自己突然来一句“我在!”,能给你吓一激灵。

再加上,我是个骨灰级《星际迷航》粉丝。我早就给自己手机搞了个LCARS(全称 Library Computer Access/Retrieval System,图书馆计算机存取/检索系统)风格的启动器界面。但光启动器好看不够得劲啊,我就想,能不能让这帅炸的界面真的“活”过来,直接控制我全家设备?

就为这个执念,我开始了探索。等我搞明白原理后,立马淘了几台二手的安卓平板,开始动手。自己画LCARS界面,自己设计按钮,让它们真的能指挥我的智能家居。你们看上面照片,有挂墙上的,有嵌橱柜门上的,还有放客厅咖啡桌上的,全是这玩意儿。至于手机,我也自己画了套不一样的UI换着用,就图个新鲜。

核心原理(用大白话讲透)
想让这花架子真的干活,靠的是三个App的“铁三角”组合,我给你们掰扯明白:

Total Launcher(后面简称TL): 这玩意儿就是脸面,你看到的所有炫酷界面、按钮、布局,都是它在管。它是个安卓启动器,能把你手机/平板的整个操作界面都换掉。

Tasker: 这是大脑和苦力。所有“按下按钮->设备响应”的逻辑,都是它幕后默默干活。但它自己不能直接跟智能设备说话。‘’

AutoVoice + Amazon Alexa: 这是传令官。Tasker通过一个叫AutoVoice的插件,把控制指令(比如“开灯”)变成一段预设的文字消息,“喂”给亚马逊Alexa。Alexa呢,就相当于一个中间商,它收到文字指令后,再去指挥你家里真正的智能设备干活。你不用真的开口说话,但走了Alexa的通道。

所以流程就是:你在TL的帅气界面上戳按钮 -> TL告诉Tasker -> Tasker让AutoVoice发文字消息给Alexa -> Alexa去操作你的智能设备。​ 全程自动,你只需要戳一下。

所需材料清单(一个都不能少)
开整之前,咱把工具备齐(全是原文内容,我给它翻译+唠明白了):

一台安卓手机或平板: 废话,地基。
Total Launcher App: 应用商店自己下。
Tasker App: 这个是付费软件,但绝对值。自动化神器。
AutoVoice插件: Tasker的插件,专门负责跟Alexa“打字交流”。
Amazon Alexa App: 也可以用Google Home,但我用的是Alexa,教程就以它为准。
你的智能家居设备和它们对应的App: 小米、Yeelight、TP-Link啥的都行,但前提是它们必须能接入Alexa!买之前看清楚。
一台电脑 + 画图软件: 用来设计你的炫酷界面。Windows画图、Paint.net(这个更强,免费)都行。
可选:Broadlink红外射频万能遥控器: 这玩意儿是神器!它能让你的Alexa控制所有用红外线(电视、空调)和射频(一些老式灯、车库门)遥控的非智能设备,实现“废物”智能改造。尽量买那种红外射频二合一的型号。

对了,还有个捷径:TL应用商店里其实有个付费的《星际迷航》主题包,里面自带一套可编辑的LCARS界面。你要是懒,可以直接买那个,然后只做往里面添加App和功能的步骤就行。但咱这教程,是教你怎么从零开始自己捏,更自由,还省钱!

第一步:调教你安卓设备的“画布”(Total Launcher初始化)
咱先别急着画图,得把“画布”TL准备好。这个过程就像装修毛坯房,先把不必要的墙砸了。

进入编辑模式: 打开TL,在空白处长按,屏幕会缩小,看到“编辑”选项,点它,把它打开(ON)。

清理页面: 屏幕缩小后,如果你只想用一个主页面,就把其他多余的页面滑出来,点下面的垃圾桶图标删掉。想加页就点“新建页面”。

清空所有默认元素: 现在,长按屏幕上所有默认的图标、搜索栏、小部件,一个个点垃圾桶删掉。有些小部件(比如应用搜索)是透明的,长按图标可能没反应,你得长按它附近的空白区域才能选中。选中后,元素会有一个黄色的虚线框。删完一个,点一下空白处或返回键保存并退出当前元素的编辑。小技巧:你可以长按选中一个,然后再点其他元素,实现多选,然后批量删除。

把画布变纯黑: 再次在空白处长按,让页面缩小。点击中间那个像小山的图标(壁纸设置),选“肖像”图,点“颜色”,选纯黑色,把下面的透明度滑块拉到最左边(完全不透明)。点选这张纯黑图,选“拉伸以适应屏幕”,给它起名叫“主屏”或你喜欢的名字。如果你有第二页,同样操作,设成纯黑,命名。

设置主屏和命名: 如果有多页,你可以指定哪页是“家”。在页面缩小视图,点一下页面左上角的小房子图标,就能把它设为主屏。点齿轮图标可以重命名页面。建议一定命名,后面管理起来方便。

搞完这些,你现在应该得到了一块漆黑、光滑、啥也没有的“数字画布”。咱们的炫酷设计,就将在这片黑暗上诞生。

第二步:释放你的灵魂画手!(UI设计全攻略)
这部分最自由,也最爽。你可以极简,也可以炫到没朋友。我手机走干净未来风,而专职控制家居的平板,就直接《星际迷航:航海家号》蓝调配色LCARS风格拉满。

两种设计思路:
保守派: 在电脑上只画个简单的背景图,然后所有的按钮、文字都在TL里面慢慢添加和调整。好处是后期改动布局特别灵活。
激进派(我用的): 直接在电脑上的画图软件里,把整个界面,包括按钮区域、文字、装饰线条全部一次性画好,做成一张完整的背景图。LCARS风格那种自带边框区块的,特别适合这么干。好处是速度快,一体化程度高,对设备内存(RAM)要求低点。

开整!手把手画图:

先在TL里占位: 在你漆黑的TL画布上,用右上角的“+”号,先添加一些你确定要的小部件,比如谷歌日历。把它拖到你想放的位置,调整好大小。

截图当尺子: 现在,给你设备的屏幕截个图,发到电脑上。这张截图就是你界面的精确尺码,能保证你设计的图传到设备上不会变形。

电脑开工: 用画图软件打开截图。先用填充工具,把整个截图涂成你想要的底色(我手机用了黑色)。然后,就在这个底图上开画!先勾勒整体布局和轮廓,然后画上按钮区域,记得给你刚才添加的日历小部件之类留出空位。

画按钮的技巧: 像我图中那种椭圆按钮或者LCARS的直角边框,你可以在白色背景上单独画好形状,然后保存为PNG格式,并勾选“透明背景”。这样导入TL后,按钮就是不规则形状的,更精致。

遮盖占位符: 画完后,用黑色方块或者画笔,把你之前为小部件留的空位涂黑盖住。因为等会儿我们要在TL里用真的小部件填进去,现在只是占位。

文字可后加: 按钮上的文字,可以选择在画图软件里加,也可以等导入TL后再加,后者更灵活。

保存与传输: 最终设计图保存好,在电脑上建个文件夹,比如叫“智能家居UI”,把背景图存进去,命名为“主屏幕”。然后把这张图传回你的安卓设备。

设置为背景: 回到TL,长按空白处进入页面缩小模式,点“小山图标”->“肖像”->“图片”->“+”号,从你设备的下载目录或图库里选中你刚做好的设计图,添加进来。选中它,点“拉伸以适应屏幕”,命名,搞定!

对齐小部件: 现在你的炫酷背景有了,之前放的日历小部件可能位置不对。长按它们,拖动、缩放,让它们严丝合缝地对准你设计图上预留的“窗口”。

关于横竖屏: 你可以用同样方法,分别为横屏和竖屏模式设计不同的背景。我手机只用竖屏(因为横屏我做了个“车载模式”界面),而平板因为挂墙或摆放,只用横屏。

核心技巧大放送:
画图软件: 简单设计用Windows画图就行。复杂形状和渐变,用Paint.net,免费,工具多,画LCARS的直角边框特方便。

按钮的终极奥义: 在TL里,几乎任何元素(图片、文字)都能当按钮。而且一个按钮能绑定5个动作:单击、上滑、下滑、左滑、右滑。比如,我厨房吊柜下的灯,上滑开,下滑关,单击打开灯光App,一钮三用!

为未来留余地: 设计时,故意多画几个“空白按钮”区域。谁知道你以后又会买什么新玩具呢?这叫“未来验证”。你还可以用TL的“叠加窗口”功能(后面会讲)来扩展空间,完全不破坏主界面设计。

第三步 & 第四步 & 第五步:注入灵魂!让按钮“活”过来(Tasker + Alexa 联动设置)
这是核心中的核心,逻辑有点绕,但你跟着我做,一步一步,绝对通。

咱们的目标是:做一个能控制智能插座(上面插着台灯)的按钮,上滑开灯,下滑关灯。

首先,在Tasker里创建“开灯”任务:
打开Tasker,点右下角“+”号 -> “任务”,给它起名 “台灯开”,打勾。
进入任务编辑页,点下方的“+”号 -> 选择“插件” -> 选择“AutoVoice”。
在AutoVoice配置界面,找到并点击“触发Alexa例程”。
点“配置”旁边的铅笔图标,然后点“创建新设备”。
设备名就填 “Table Lamp On”(必须用英文,这是跟Alexa沟通的暗号),点确定。你会看到通知“Table Lamp On 已连接到Alexa”。
保持这个配置不动,直接按手机主页键回到TL界面,然后打开Alexa App。

接着,在Alexa App里设置智能家居联动:
在Alexa里,点底部“设备”,确保你刚刚创建的“Table Lamp On”这个虚拟设备出现了。没有就下拉刷新。
点右下角“更多” -> “例程” -> 点右上角“+”号创建新例程。
点“当…发生时”下面的“添加事件” -> 选择“智能家居”。
在设备列表里,找到并选择“Table Lamp On”,点“保存”。
现在点“Alexa将…”下面的“添加动作” -> 选择“智能家居”。
找到“插座”(你的智能插座通常默认就在这,前提是你已经用插座自己的App把它连到了Alexa)。
点选你的智能插座,默认动作就是“开”(我们等会儿做关灯任务时,这里要选“关”)。点右上角“下一步”,然后“保存”。你会看到“例程已成功创建”的提示。

最后,回到Tasker完成收尾:
用手机的多任务键,切回刚才的Tasker(AutoVoice配置界面)。
点右上角的“打勾”保存。
点返回键,回到任务编辑页。点底部中间的“图标方块”,选一个你能认出的图标(比如灯泡)。这一步必须做,没图标后面无法把任务绑到按钮上!
点右上角的“播放”三角图标测试一下。此时,你的智能插座应该“咔哒”一声打开了!成功!
点返回键,再点右上角打勾,再点返回退出Tasker。

“关灯”任务: 完全重复上面第三、四、五步的所有操作,只是把所有名字里的“On”换成“Off”,在Alexa设置动作时选择“关”而不是“开”。

第六步:点睛之笔!让你的UI按钮真正干活
界面有了,任务有了,现在就让它们牵手成功!因为我们已经在背景图上画好了按钮区域,所以我们用“文字”元素来制作透明按钮。

在TL主界面,点右上角“+”号 -> “图形” -> “文本” -> “默认”。

把这个文本块拖到你背景图的一个按钮区域上,调整大小完全覆盖它。

点屏幕上方的“齿轮图标”编辑这个文本。你可以改名、改字体、颜色、大小等等。这里我们先不改字,让它空着(因为背景图上有字),或者打几个空格。弄好点返回保存。

关键一步: 点击文本块,然后点屏幕上方的“播放图标”(动作设置)。

找到“上滑”区域,点“动作” -> 滑到下面选“任务快捷方式” -> 选择我们刚才创建的“台灯开”任务。

(可选但很爽)加声音反馈: 还是在“上滑”设置里,点“声音” -> 点“+”号,从你设备里选择你提前下载好的音效文件(比如“嘀”一声)。选好后,可能需要再点一下这个文件确认。现在你上滑这个按钮,就有声音了!

设置完“上滑”动作后,点一下返回键,回到动作主菜单,用完全相同的方法,在“下滑”区域里绑定“台灯关”任务。

全部设好后,点两次返回键,退出编辑模式。现在,试试在你那个透明的文本按钮上,上滑和下滑!你的台灯应该应声点亮/熄灭了!

批量生产按钮: 做好一个按钮后,在编辑模式下点中它,点工具栏的“复制”图标,然后点“+”号,选“粘贴”,就能复制一个一模一样的按钮,你只需要把它拖到新位置,然后重新绑定不同的Tasker任务就行了。

第七步:空间魔法!用叠加窗口实现“界面中的界面”
之前说可以留空白按钮,但还有个更牛逼的方法:叠加窗口。这就像在你的主界面上,召唤出一个可大可小、可移动、有独立背景的浮动面板!专门放一些不常用或者分类的App和控件,不占用主界面宝贵的空间。

创建窗口: 在TL主界面空白处长按 -> “菜单” -> “启动器选项” -> “资源” -> “窗口” -> 点“+”号,给你的窗口起个名,比如“媒体控制”,确定。

创建打开窗口的按钮: 点三次左上角返回键,回到主界面。点“+”号 -> “图形” -> 比如选“文本” -> “默认”。

绑定动作: 点这个新文本元素 -> 点“播放图标” -> “动作” -> “窗口” -> 选择你刚刚创建的窗口名字(如“媒体控制”)。

编辑窗口: 点返回,再点齿轮图标给这个文本按钮命名(如“打开媒体面板”)。点两次返回完成。

现在点击你刚做的这个文本按钮,那个新窗口应该出现了!它是一个浮动层。

调整窗口: 点击并按住这个窗口的空白处,窗口四周会出现蓝色半圆点,拖动它们可以缩放窗口。

给窗口加背景: 点窗口上方的齿轮图标 -> “背景” -> “图像” -> 选择你准备好的背景图。这个背景图可以单独设计,让它风格和主界面统一。

为窗口添加内容: 点一下主界面空白处(别点窗口上),然后点右上角“+”号,就可以像在主界面一样,往这个浮动窗口里添加按钮、小部件、图片等任何东西了!

我把我手机的所有App都分类放在不同的叠加窗口里,比如“工具”、“娱乐”,还有一个专门的“智能家居控制”窗口。在平板上,我分得更细:“灯光”、“暖气”、“媒体/电视控制”、“安防”。这些窗口里我也留了空白按钮,方便以后加新设备。

第八步:锦上添花!音效与字体(氛围感拉满)
音效: 网上很多网站提供免费/付费音效。如果你追求《星际迷航》原版味,可以搜“Star Trek sound effects”,一堆LCARS那种“嘀嘀嘀、嗡嗡”的声音。下载后,在TL的按钮动作设置里,像之前那样添加进去。你甚至可以用Audacity这类软件自己编。

字体: TL自带的字体不够科幻?去网上搜“免费字体”,找喜欢的下载(注意来源安全)。下载后通常是个压缩包,在手机文件管理里找到它,解压。回到TL,编辑一个文本元素,点“字体”,点左下角“+”号,从你解压的文件夹里找到那个 .ttf 或 .otf 字体文件,选择它。这个字体就被添加到TL的字体库了,以后随便用。我试过,“Oswald”字体很有科幻感,而“Antonio”字体更接近LCARS的原版风格。

第九步:最终加固与安装
大功基本告成,最后几件事锁死成果:

备份!备份!备份!​ 必须备份TL和Tasker的配置。在各自App的设置里找“备份/导出”功能,把配置文件保存到网盘或电脑。这是你一个多月心血的保险单!

设置TL为默认启动器: 进入安卓系统设置 -> 应用 -> 默认应用 -> 桌面应用,选择“Total Launcher”。这样一按主页键,就直接进入你的星际舰桥了!

平板上墙: 对于要挂墙或嵌门的平板,我买了几个便宜的橡胶/硅胶保护壳,用螺丝把壳子固定在墙上和橱柜门上,再把平板卡进去。接上永久电源(别用电池)。走线要藏好,墙上我用线槽,橱柜门上我直接钻了个孔把线穿过去。

第十步:唠在最后(原作者的碎碎念,必须保留!)
注意了嗷,我文中提到的所有App图标位置、按钮选项,都是基于2025年12月28日我写这篇东西时的版本。开发者们哪天手一抖更新了,界面可能就变了,但核心逻辑和步骤大差不差,你们得灵活着点。

行了,这篇全网独一份、把我脑细胞都快烧干了的超详细指南,总算是给你们唠明白了。从琢磨到实现,我花了整整一个月(真的是没日没夜那种)。网上有的是方案,要么要买死贵的专业设备,要么得会写代码,当我用这零代码、低成本的方法搞定时,那感觉,直接起飞!后来朋友来我家看见这玩意儿,都问我咋弄的,我嘴皮子磨破也说不清,所以才有了把它从头到尾记下来的念头。

这么多年、这么多台设备用下来,这套系统稳得一批。唯一出过几次岔子,是亚马逊Alexa不知道抽什么风(我怀疑是它服务器更新),把我设置好的虚拟设备给弄丢了,导致某个功能失灵。解决起来也简单,重新在Alexa里添加一遍那个设备就好了,几年下来也就发生过那么三四回。

希望这篇裹脚布一样长但全是干货的指南,能真的帮到你。如果你有任何问题,或者你真的跟着做出来了你自己的星际迷航控制台,务必在下面留个言让我瞅瞅!

源码来源:Instructables(原文作者:一个不愿透露姓名但爱折腾的星际迷航粉丝)

唠嗑翻译于:2025年12月29日,一个平平无奇的周一。























































































































本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册 微信登录

x
发表于 3 小时前 | 显示全部楼层
游客请登录后查看回复内容
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册 微信登录

本版积分规则

APP|手机版|小黑屋|关于我们|联系我们|法律条款|技术知识分享平台

闽公网安备35020502000485号

闽ICP备2021002735号-2

GMT+8, 2025-12-29 13:49 , Processed in 0.140400 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz!

© 2006-2025 MyDigit.Net

快速回复 返回顶部 返回列表