请选择 进入手机版 | 继续访问电脑版

『瀚思彼岸』» 智能家居第一站

 找回密码
 立即注册
查看: 5678|回复: 259

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

  [复制链接]

30

主题

171

帖子

1268

积分

论坛技术达人

积分
1268
金钱
1082
HASS币
0

教程狂人论坛风云人物

发表于 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


教程结束,下车。






评分

参与人数 1金钱 +8 收起 理由
lidicn + 8 666!

查看全部评分

回复

使用道具 举报

10

主题

447

帖子

1576

积分

金牌会员

Rank: 6Rank: 6

积分
1576
金钱
1129
HASS币
0
发表于 2017-9-8 12:30:12 | 显示全部楼层
这篇没看完,谢谢大神
回复

使用道具 举报

1

主题

127

帖子

459

积分

中级会员

Rank: 3Rank: 3

积分
459
金钱
332
HASS币
0
发表于 2017-9-8 16:56:45 | 显示全部楼层
正好刚看完第三篇,学习第四篇
回复

使用道具 举报

4

主题

179

帖子

666

积分

论坛分享达人

积分
666
金钱
487
HASS币
0
发表于 2017-9-8 17:20:49 来自手机 | 显示全部楼层
yaohuifude
回复

使用道具 举报

0

主题

97

帖子

616

积分

高级会员

Rank: 4

积分
616
金钱
519
HASS币
0
发表于 2017-9-8 17:48:08 | 显示全部楼层
...........学习
回复

使用道具 举报

1

主题

71

帖子

459

积分

中级会员

Rank: 3Rank: 3

积分
459
金钱
388
HASS币
0
发表于 2017-9-8 22:12:48 | 显示全部楼层

谢谢大神,等着看这一篇
回复

使用道具 举报

1

主题

123

帖子

1161

积分

金牌会员

Rank: 6Rank: 6

积分
1161
金钱
1038
HASS币
0
发表于 2017-9-10 19:09:13 | 显示全部楼层


谢谢大神
回复

使用道具 举报

0

主题

25

帖子

656

积分

高级会员

Rank: 4

积分
656
金钱
631
HASS币
0
发表于 2017-9-10 19:29:06 | 显示全部楼层
学习学习
回复

使用道具 举报

11

主题

247

帖子

1367

积分

金牌会员

Rank: 6Rank: 6

积分
1367
金钱
1120
HASS币
10
发表于 2017-9-10 19:35:26 | 显示全部楼层
谢谢大神
回复

使用道具 举报

0

主题

34

帖子

642

积分

高级会员

Rank: 4

积分
642
金钱
608
HASS币
0
发表于 2017-9-10 23:48:18 | 显示全部楼层
多谢分享,这个系列一并收下了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2018-12-12 01:52 , Processed in 0.247930 second(s), 41 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表