【Floorplan教程四】写Floorplan.yaml配置文件和CSS主题属性文件

倾微qiwe · 发表于 2017-9-8 11:52:16

本帖最后由倾微qiwe 于 2017-9-8 16:10 编辑

导航：请按顺序查看
1.【还有这种操作】Floorplan第一帖，图形化控制你的家居！
2.【还有这种操作】用Floorplan制作一个图形化的电视遥控器UI
3.【Floorplan教程三】制作自己的SVG图片文件

回顾上一篇帖子。
一个SVG图像中由很多对象，我们把需要接入的对象都定义了ID。
那么现在我们用Floorplan.yaml配置文件和CSS主题属性文件与SVG的ID对接

以下内容很多我还没有测试过，属于搬运作者内容。建议大家查看作者教程
项目地址： HA-Floorplan

以下内容是在作者的教程的基础上，再分享一下Floorplan.yaml配置文件的其他功能和写法！
精彩内容在下面！拒绝伸手党，从我做起。

游客，如果您要查看本帖隐藏内容请回复

注意：以上内容由于论坛编辑，没有注意对齐情况。如果你要复制！请一定要按照yaml语法对齐！
.yaml配置文件大概就这么多了！

接下来就是css主题配置文件
在上面的内容中经常提到调用css中的主题
那么 .css文件你面就是放置的预留的主题文件，供.yaml配置文件调用
.css语法我实在不懂
但是也不难，打开一个看看就能明白一二了。无非就是颜色，大小，粗细，等
详细在这里看吧
http://www.runoob.com/css/css-tutorial.html

教程结束，下车。

gzroc · 发表于 2017-9-8 12:30:12

这篇没看完，谢谢大神

wind0021 · 发表于 2017-9-8 16:56:45

正好刚看完第三篇，学习第四篇

arrive · 发表于 2017-9-8 17:20:49

yaohuifude

dytsl · 发表于 2017-9-8 17:48:08

...........学习

zhouhua_8 · 发表于 2017-9-8 22:12:48

谢谢大神，等着看这一篇

1096503000 · 发表于 2017-9-10 19:09:13

谢谢大神

ssxzcb · 发表于 2017-9-10 19:29:06

学习学习

iciness · 发表于 2017-9-10 19:35:26

谢谢大神

aragornlee · 发表于 2017-9-10 23:48:18

多谢分享，这个系列一并收下了

		自动登录	找回密码
密码			立即注册

[新奇玩法] 【Floorplan教程四】写Floorplan.yaml配置文件和CSS主题属性文件

评分

浏览过的版块

教程狂人

论坛风云人物