HA文档 目录

  1. 主页
  2. HA文档
  3. HA文档
  4. 图形化控制界面(Floorplan)
  5. 下载与安装

下载与安装

这篇文章是系列文章的第1/6篇:

访问Floorplan的Github站点,下载Floorplan。

注:您也可以采用其它方式下载,比如在本地克隆一个git库,或单个文件打开后拷贝黏贴(我们需要文件都是文本格式的文件)。

在压缩包中,将以下文件按照下图的位置放置在您的HomeAssistant的配置目录下。


注:在custom_ui目录下还有一个文件state-card-floorplan.html,会在状态卡的配置中使用(也不需要编辑),现在用不到。

这八个文件涵盖了要在前端显示Floorplan所有功能。在定制个性化的前端时,我们需要修改的仅是其中三个文件(图中蓝色的):

  • floorplan.svg:定义展现怎样的界面。
  • floorplan.css:展现的样式,比如字的颜色,图形的颜色等。
  • floorplan.yaml:展现什么,以及在不同的状况下应该以什么样式展现。

大家不要被SVGCSS这些名字吓到。定制一个HomeAssistant的前端界面,还不需要用到很深奥琐碎的前端知识。
后面我们会一步步展现怎么做。

遇到问题了?快来学习免费在线课程吧,博学老司机在线答疑,找到更多志同道合的HA玩家一起进步

此文不允许转载,如需转载请与BD@hachina.io联系。

这篇文章对您有用吗? 2 0