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

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

 找回密码
 立即注册
查看: 6543|回复: 282

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

  [复制链接]

30

主题

177

帖子

1306

积分

论坛技术达人

积分
1306
金钱
1114
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!

查看全部评分

回复

使用道具 举报

11

主题

478

帖子

1675

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

1

主题

129

帖子

467

积分

中级会员

Rank: 3Rank: 3

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

使用道具 举报

8

主题

238

帖子

936

积分

高级会员

Rank: 4

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

使用道具 举报

0

主题

118

帖子

726

积分

高级会员

Rank: 4

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

使用道具 举报

1

主题

72

帖子

469

积分

中级会员

Rank: 3Rank: 3

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

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

使用道具 举报

1

主题

125

帖子

1213

积分

金牌会员

Rank: 6Rank: 6

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


谢谢大神
回复

使用道具 举报

0

主题

25

帖子

668

积分

高级会员

Rank: 4

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

使用道具 举报

11

主题

284

帖子

1532

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

0

主题

35

帖子

682

积分

高级会员

Rank: 4

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2019-2-17 11:38 , Processed in 0.266051 second(s), 41 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

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