小白视角浅谈Dwains Lovelace仪表板

zxyny1989

小白视角浅谈Dwains Lovelace仪表板
---------------------------------------------------------------------------------------------------------
                                                 
（这个lovelace作者一开始就是对准手机版做的，后来才延伸到pad和PC端）
Dwains Lovelace仪表板我已经试玩两天了，今天就站在我这个小白的角度做个解读。Dwains Lovelace仪表板的安装及简单配置详见这两个帖子：dwains dashboard一个新的lovelace界面——小白给小白的分享贴    Dwains Lovelace汉化教程（未完全），也可以去官网查年安装方法。

Dwains Lovelace仪表板安装完成后，homeassistant的根目录下会出现一个dawins_dashboard文件夹，里面存放的就是修改ui的文件。进入后有addons和config文件夹，addons就是插件文件夹，config是实体文件夹，config文件夹内容修改方式建议参考官网，addons文件夹官网的例子压根找不到文件，不清楚是不是作者删除了。

下面就大概讲下addons。

---------------------------------------------------------------------------------------------------------

先去github拉取addons插件，拉取后放入homeassistant根目录下dawins_dashboard/addons文件夹中。
下边简单说下例子—比如我要在房间里添加监控画面：

                           
（效果如上图，   这个是我老家院子里的监控，所以打个马赛克）
1、拉取的addons中的rooms文件夹下已经有camrea卡了，所以我们直接调用，
      在configs文件夹下的rooms.yaml中添加：

addons:
      - name: camera
        icon: fas:puzzle-piece
        path: 'dwains-dashboard/addons/rooms/camera/page.yaml'
        button_path: 'dwains-dashboard/addons/rooms/camera/button.yaml'
        data:
          some_data: 'This is some data parsed.'
          some_other_data: 'and some other data.'
          entity: camera.yuan_zi

复制代码

完成后重启HA，这时你的对应房间卡片中就有了监控画面。

2、更多加载项页面添加3D打印机

                  

      拉取的addons中的more_page文件夹下已经有3D-Printer卡了，所以我们直接调用，
      在configs文件夹下的more_page.yaml中添加：

addons:
    - name: Statistics
      icon: fas:chart-area
      #main_menu: 'true' #Show this addon in the main navigation bar!
      path: 'dwains-dashboard/addons/more_page/3D-Printer/page.yaml'
      data:
          some_data: 'This is some data parsed.'
          some_other_data: 'and some other data.'

复制代码

完成后重启HA，就会出现如上图所示。

3、添加日历卡片
     由于我的HA没有日历实体，就不展示卡片了。各位科学上网的可以添加谷歌日历试下。

     拉取的addons中的house_information文件夹下已经有calendar卡了，所以我们直接调用，
      在configs文件夹下的house_information.yaml中添加：

addons:
    - name: Calendar #This is an example addon see: https://github.com/dwainscheeren/dwains-dashboard-addons/tree/for-1.0/house_information/calendar
      icon: mdi:calendar
      path: 'dwains-dashboard/addons/house_information/calendar/page.yaml'
      data:
        calendars:
          - calendar.gft
          - calendar.oud_papier
          - calendar.pmd_afval
          - calendar.restafval

复制代码

     完成后重启HA。
     使用前提是要有日历实体，原子时钟插件，原子日历插件下载地址：原子日历（依赖于谷歌日历）。

    addons的就讲这么多，因为我也是小白一个。有兴趣的可以去Dwains社区找插件或者自写插件。
    Dwains社区

-----------------------------------------------------------------------------------------------------------

4、说说图标的事情：
      configs文件夹下的icons.yaml文件就是系统图标，该文档默认是注释掉的，想修改哪个可以自己查找修改。
     然后说下MDI图标加入HA侧边栏的方法
    下载 MaterialDesign-Webfont-master.zip (1.84 MB, 下载次数: 6)

2021-3-4 04:25 上传

点击文件名下载附件

，解压后放在HA根目录下的www文件夹中，
    然后configuration.yaml文档中添加：

panel_iframe:
  mdiindex:
    title: MDI
    icon: mdi:vector-square
    url: '/local/MaterialDesign-Webfont-master/preview.html'

复制代码

重启HA后侧边栏就会多个选项，附件中的MDI为最新版V5.9.55版本。

5、如果要在Dwains仪表板中使用Font Awesome图标，则必须安装fontawesome集成。
    下载Font Awesome，放到custom_components目录下并重新启动Home Assistant。
    然后转到HA配置->集成，单击+号（添加新集成），搜索fontawesome并进行安装。
    安装后，打开新FontAwesome集成的设置。单击选项齿轮（右上角），然后选择要加载的图标集。
      实心样式图标： fas:icon-name
      常规样式图标： far:icon-name
      浅色样式的图标：（fal:icon-name仅在具有Pro图标的情况下有效）
    至此就可以调用Font Awesome图标了。

------------------------------------------------------------------------------------------------------------

先这样吧，其他的想到了再写。
Dwains Lovelace仪表板是作者Dwains和Homekit infused插件的作者一起开发的，所以风格有些相似，但配置方面比Homekit infused简单多了。

zxyny1989

一入HASS深似海，从此睡眠是路人。

zxyny1989

小窍门：在主页上双击灯，直接切换所有灯开关；在房间卡片上双击，直接切换该房间所有灯的开关。
单击的话是会进入下级菜单，双击是直接切换。

zxyny1989

目前发现的问题：1、清理后台后再次进入，主题和重载主题后的主题不一样。
2、标题栏上的人员之类的图标最下边一行字会隐藏一半；有时从下级菜单返回时会出现下拉箭头，此时点下箭头才会完全显示。