dwains dashboard一个新的lovelace界面——小白给小白的分享贴

damonwe

自己是一个刚玩ha 1个月的新手，看大神们发homekit infuse感觉挺难得，一直没敢入手。无意间在b站看到土豆大佬发的dwains dashboard演示，觉得ui我十分喜欢，就研究了一下，奈何技术有限，addons确实不会加，希望懂的大佬在下面评论一番，感激不尽。

我的主页：


手机版：


1.下载
话不多说，附链接：https://github.com/dwainscheeren/dwains-lovelace-dashboard
还有原版英文教程，其实写的已经很通俗易懂了：https://dwainscheeren.github.io/ ... guration/rooms.html

2.安装
首先说明一下，我用的群晖docker版homeassistant，其他的方式没有用过，请大家触类旁通。
github上下载之后，解压缩，然后将文件custom_components里面的dwains_dashboard文件夹放入你的homeassistant/custom_components文件夹中。



然后重启homeassistant。重启之后，在集成中右下角点击➕加号，搜索dwains dashboard。之后侧边栏会出现一个D字logo的条目。





这里面初始什么样子我就不演示了，毕竟重新写还挺麻烦的……
在这之后，homeassistant的根目录下同时也会出现一个dawins_dashboard文件夹，这里面就是存放修改ui的文件了。



进入后有addons和config文件夹，我们主要修改config文件夹里面的内容（主要是addons我不会）。
使用任意的编程软件即可编写，必须修改的是global.yaml和rooms.yaml

3.提前说明

dwains dashboard里面大部分设置不支持同时写多个实体，但是支持添加“组”：



添加组的方式是在homeassistant主页用编程软件打开configuration.yaml，在里面添加“组”的信息，我的配置如下：

group:
  lights_keting:
  name: 客厅灯组 #随便起名，新版ha中文名也可以起了
  entities: #依次向下列出需要的实体即可
    - light.xuanguan
    - light.can
    - light.shafa
    - light.dianshi
    - light.yangtai

复制代码

4.global.yaml

先附上我的设置

global:
  weather: weather.home
  alarm: alarm_control_panel.aqara_hub_m2_07aa
  inside_temperature: sensor.keting_temperature
  show_covers: closed #首页状态栏中显示打开的窗帘还是关闭的窗帘
  favorites_homepage: 'true' #是否在首页显示house_information中设置的快捷操作实体

复制代码

具体能添加什么请看官方说明文档：https://dwainscheeren.github.io/ ... uration/global.html

我只着重说明一下特殊的地方：
这里说明一下：dark_sky目前已经被苹果收购，新用户无法注册了，所以我这里使用的是自带的天气，本来想用彩云的，但是怎么也设置不好。
safety_ok_string我不懂怎么使用。
show_covers表示在主页状态栏到底是窗帘开着的时候提示还是关着的时候提示，如果不添加这条，默认是打开的时候提示。我选择了closed，因为一般不用的时候我们都开着窗帘。
favorites_homepage这条是后面讲的house_information.yaml里面的，这里面可以自定义添加你想快捷操作的实体。如果这条写了true，那么在首页就可以直接看到。


5.rooms.yaml

官方文档：https://dwainscheeren.github.io/ ... guration/rooms.html
我的设置：

rooms:
  - name: 客厅
    icon: mdi:home-heart
    light: group.lights_keting #这就是我前面使用的“客厅灯组”
    temperature: sensor.keting_temperature #房间温度，对应温度传感器，在哪个房间添加在首页这个房间的卡片上就有温度显示
    humidity: sensor.keting_humidity #同上
    climate: weather.home #天气
    motion: binary_sensor.motion_sensor #人体传感器
    cover: cover.curtain_keting #窗帘
    media_player: media_player.xiao_mi_dian_shi #播放器
    device: fan.xin_feng_ji #这里我添加的新风机，理论上device词条可以添加绝大部分设备
    vacuum: #扫地机器人比较特殊一些，官网里有写，就是3行
    advanced_view: 'true'
    entity: vacuum.mi_hihi

复制代码

大概就这些了，其他的我没有，就不懂了。

6.house_information.yaml
还是附上链接：https://dwainscheeren.github.io/ ... se_information.html
我的配置：

house_information:
  favorites:
  - entity: group.qingping_home #这是我做的青萍空气检测仪的组，对的，传感器也可以放上来
    icon_on: mdi:lightbulb-on  #刚刚添加进来，还没有来得及试传感器类型的不加开关可不可以，你可以试试
    icon_off: mdi:lightbulb-outline
  - entity: light.can
    icon_on: mdi:lightbulb-on
    icon_off: mdi:lightbulb-outline
  - entity: light.shafa
    icon_on: mdi:lightbulb-on
    icon_off: mdi:lightbulb-outline
  - entity: group.cover_home
    icon_on: mdi:window-shutter-open
    icon_off: mdi:window-shutter

复制代码

这里面依然是addons我不会写。

7.person.yaml
链接：
我的配置：https://dwainscheeren.github.io/ ... se_information.html

persons:
  - name: XXX #你的名字
    track: device_tracker.iphone #定位你位置的实体
    more_entities: #如果你想在页面里添加更多实体选项就写下面的
      columns: 1 #第一行
      entities:
        - entity: sensor.iphone_battery_state #我这里添加的是手机电池电量

复制代码

这个没什么好说的，如果有额外的需求可以看看原版文档，浏览器翻译一下就行，不懂的可以在帖子下面问。

8. scenes.yaml ; cameras.yaml ; icons.yaml ; more_page.yaml 这几个我都不懂

sscenes我是因为我本身就不玩场景，所以也没仔细研究。
官网：https://dwainscheeren.github.io/ ... uration/scenes.html

cameras我目前还没有能连入ha的摄像头，有个小米的不过不会连接。
官网：https://dwainscheeren.github.io/ ... ration/cameras.html

icons我目前没有更改图标的需求。
官网：https://dwainscheeren.github.io/ ... guration/icons.html

more page里面涉及到addons，我不会。
官网：https://dwainscheeren.github.io/ ... tion/more_page.html

以及addons的：https://dwainscheeren.github.io/dwains-lovelace-dashboard/addons/

目前我坐标河北石家庄，是疫情最严重的城市之一，目前实在无力购买摄像头什么的，主要封城了物流不通，等可以购买了我接入以后看看再更新一下camera.yaml吧，不过我想大家应该自己也会用。

————————————————————

9.再说一下某些按钮如何更改将英文更改为中文
依次打开打开custom_components —— dwains_dashboard —— lovelace —— translations —— en.yaml
用编程软件尽情的改吧！

yinghu183

谢谢分享

telanx

这个跟土豆大佬最新的仿homekit那个主题很像啊。

mitu

挺好看的。。马上试试

damonwe

telanx 发表于 2021-1-24 11:50
这个跟土豆大佬最新的仿homekit那个主题很像啊。

不太清楚你说的是哪篇文章，不过你说的是homekit infuse主题吧？这款dwains dashboard作者写的是他和做homkit infuse的作者一起开发的这个主题。

咸味土豆

厉害厉害，addon其实很好搞的，就是没有好看和合适得抄，得自己去想，太费脑细胞了，计划回头出个简单的教程，不能半途而废了。

telanx

damonwe 发表于 2021-1-24 15:56
不太清楚你说的是哪篇文章，不过你说的是homekit infuse主题吧？这款dwains dashboard作者写的是他和做ho ...

对对对，就是infuse主题。
那看来这款dwains是升级版咯，mark，抽空开搞。
感谢楼主分享，哈哈哈

damonwe

咸味土豆 发表于 2021-1-24 20:34
厉害厉害，addon其实很好搞的，就是没有好看和合适得抄，得自己去想，太费脑细胞了，计划回头出个简单的 ...

那就期待大佬的教程了～

zxyny1989

谢谢分享。
开始上手了，慢慢折腾。

zxyny1989

折腾了两天，不敢搞了，addons插件一搞就废。总感觉官网的教程太简单了。