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

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

 找回密码
 立即注册
查看: 7502|回复: 307

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

  [复制链接]

30

主题

186

帖子

1360

积分

论坛技术达人

积分
1360
金钱
1159
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!

查看全部评分

回复

使用道具 举报

12

主题

518

帖子

1800

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

1

主题

129

帖子

468

积分

中级会员

Rank: 3Rank: 3

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

使用道具 举报

8

主题

241

帖子

959

积分

高级会员

Rank: 4

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

使用道具 举报

0

主题

119

帖子

736

积分

高级会员

Rank: 4

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

使用道具 举报

1

主题

75

帖子

500

积分

高级会员

Rank: 4

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

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

使用道具 举报

1

主题

131

帖子

1291

积分

金牌会员

Rank: 6Rank: 6

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


谢谢大神
回复

使用道具 举报

0

主题

26

帖子

701

积分

高级会员

Rank: 4

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

使用道具 举报

11

主题

327

帖子

1736

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

0

主题

36

帖子

714

积分

高级会员

Rank: 4

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2019-5-22 20:48 , Processed in 0.505731 second(s), 38 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

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