＃1

嘿，我正在分享我的配置https://github.com/matt8707/hass-config.

19463331伟德国际家庭助理容器（Docker.）在NAS上（Synology DiskStation DS918 +)．我的用例是壁挂式药片 （Galaxy Tab A 10.1)使用完全售货亭浏览器，以及桌面使用homeassistant-desktop．我的配置接触到具有苹果电视作为远程连接的集线器的主题。我也支持那布之家．

截屏
截屏 2075×1297 459 KB

2021年6月

虽然图片元素仍然是没有遵循特定网格的布局的有效卡，但这种仪表板确实如此。它现在放置在响应的网格上，而不是将按钮卡放置在一起。

布局自定义:layout-card

  • CSS grid everything and as a bonus…
  • 移动和肖像仪表板响应_demo.mp4.

纽扣自定义:button-card

  • Loader模板不需要任何input_boolean助手了
  • 图标只会在状态变化上设置动画，以防止在仪表板刷新时动画的所有图标
  • 一些实体检查未定义的实体，重启时没有错误
  • 当按下按钮时增加了一个弹跳效果

主题自定义：卡片

弃用
如果您正在寻找图片元素，请在2021年3月之前浏览此存储库https://github.com/matt8707/hass-config/tree/c9dd19e04bd4fde2322e610a42f4e246b58ee19a.

包括
由于此配置分为多个YAML文件，因此我正在使用Lovelace-Gulp-Watch，如果已更改包含的文件，则自动更新Lovelace。

已知的问题

  • Card-Mod随机不适用于2021.6.0的Markdown造型# 130
  • 刷卡不更新大小，除非大小窗口# 32# 147

支持
如果你想，你可以给我买啤酒：脸红：

特征

ezgif.com-Optimize.

侧边栏

减价牌创建动态模板．

  • 基于一天中的时间和日期的时间和日期
  • 使用自然语言的灯和开关
  • 根据天气情况加上表情符号
  • 重要的日历信息
  • 其他有条件的警报

侧边栏页脚

下面的三个图标按顺序排列:

信息
信息 1361×851 135 kb

媒体

有条件地显示基于最后一个活动设备的媒体播放器控件，例如苹果电视那PlayStation 4.那谷歌巢迷你．如果15分钟内没有任何活动，则会显示上次下载的电影/剧集海报(Radarr/索阵)．滑动以揭示除最后的活跃媒体播放器之外。

媒体

灯光和传感器

所有飞利浦色调灯光传感器在走廊，浴室和步入式衣帽间。

ezgif.com-optimize (1)
ezgif.com-optimize (1) 446×544 2.06 MB

开关

info_light
info_light 1088×829 153 kb

自定义图标

我做了一些定制图标www / custom_icons.js．如果你想做自己的我推荐阅读材料设计原则．

custom_icons.
custom_icons. 643×660 14.6 KB

Misc

真空
真空 1100×769 102 KB

杂项
杂项 913×973 180 KB

跟踪器
跟踪器 981×833 204 KB

19463331伟德国际家居助理社区主题
https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace- ui/162594

291人喜欢
自定义Lovelace卡 - HomeKit风格卡
魔术镜像展示，但与lovelace ui
卡工具弹出？（主页商人卡）
Lovelace:自定义侧边栏卡
墙板选项(HomeSeer to Home Assistant)19463331伟德国际
⭕Lovelace径向菜单元素
card -mod -添加css样式到任何lovelace卡片
这个Dashboard可能吗?
自由工作
我的lovelace ui - 自定义按钮和浏览器mod
分享您的项目帮助
社区集锦，第一版!
告诉我你的垂直/移动接口！
创建我理想的Lovelace UI (WIP)
需要建议建立仪表板
自动化伊斯兰教Adhan（也称为Azan或Azzan）或其他祷告电话
Lovelace仪表板的蓝图
你好，来自Homeseer HS4难民
Lovelace：动力轮卡
我对Lovelace UI的尝试
瓷砖板-新的仪表板为家庭助手
从0.117或0.118开始的Squeezebox媒体图像错误?
将Aeotec Z-Stick从Homeseer迁移到家庭助理19463331伟德国际
自定义Lovelace卡 - HomeKit风格卡
Bwalarm（Akasma74版）
自定义Lovelace卡 - HomeKit风格卡
自定义Lovelace卡 - HomeKit风格卡
card -mod -添加css样式到任何lovelace卡片
自定义Lovelace卡 - HomeKit风格卡
＃2

真的很好的设置：+1：看起来非常干净。

我猜弹出卡背景上的模糊效果是用popup-backdrop-filter.js？

1像
＃3

谢谢分享，这真的展示了性爱的多功能性

＃4

随时尝试支持TVOS 13的测试程序组件。我一直在寻找测试人员。

4喜欢
＃5

你好,

这是个好主意。PictureElements的伟大应用。

谢谢你的分享。

＃6

我喜欢它，看起来非常相似的苹果'家'界面，但我也喜欢在图标中添加光亮度。

＃7

嘿，这真漂亮。苹果在这方面无法竞争。：+1：

4喜欢
＃8

只是哇！你真的在这里全都。我喜欢它！

1像
＃9

就在我以为我已经完成了使用瓷砖的抛光界面完成时，您将继续发布此问题，现在我正在重新考虑我的所有选择:快乐:…好!

4喜欢
# 10

我一直想在我的UI上做些新的东西。谢谢分享!这星期晚些时候我打算演一出戏。

# 11

谢谢,是的!

2喜欢
＃１２

是的，我确实从homekit中得到了很多灵感。

1像
# 13

非常感谢你在这方面所做的工作@postlund

我从第一个测试版开始就有了你的集成但过了一段时间就不工作了。就像媒体标题卡在前一集没有插图。即使重启也无法修复，我还得重新安装。

不确定为什么会这样，所以如果你能指出如何调试它，我将提供日志。

# 14

你能分享原始背景图像吗？@mattias_persson.：笑脸：

# 15

我找不到原来的，但这里是背景从我的psd文件。

2喜欢
# 16

听起来有点严重。我还有另一个问题有待解决，这个问题有点类似(也许相关?)

当你说重启时，你的意思是重启Apple电视或家庭助理/哈斯.IO / ......？19463331伟德国际并通过重新安装，您的意思是您必须删除集成并再次添加（对和所有）？

一些日志将非常感激。这些应该足够:

记录器:logs: pyatv:调试custom_components。apple_tv:调试

我更愿意如果你可以在GitHub上张贴他们而不是这里，因为它有助于跟踪过去的问题。你可以使用上面提到的问题，如果你觉得它足够接近你看到的，否则在这里创建一个新的:

非常感谢你帮我测试这个!

3喜欢
# 17

了不起的工作!超级干净，用起来很开心!
你是否设法替换了“更多信息”模式内容?

我有迷你图卡，当点击时显示默认（有点丑陋）Lovelace历史图表，并且很乐意将内容替换为其他内容。

2喜欢
＃18

@mattias_persson.愚蠢的问题，对于所有的图像文件，我难道不需要在photoshop中编辑它们，这样它就可以与其他语言工作吗?

如果你想分享。psd文件，我真的很不擅长GUI设计。Materful工作

1像
# 19

Wooooow ! !我非常喜欢这个主题。它看起来超级整洁和现代，正是我想要的。真的很像左边的栏-真的让它看起来像一个仪表板，意味着要使用和用户友好。做得好!

1像
# 20

我真的很想看到你的界面在手机上看起来像。我猜这是不是这样，但仍然会很酷。