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

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

 找回密码
 立即注册
查看: 4623|回复: 227

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

  [复制链接]

29

主题

171

帖子

1210

积分

论坛技术达人

积分
1210
金钱
1024
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

主题

394

帖子

1398

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

1

主题

127

帖子

455

积分

中级会员

Rank: 3Rank: 3

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

使用道具 举报

3

主题

129

帖子

486

积分

论坛分享达人

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

使用道具 举报

0

主题

82

帖子

562

积分

高级会员

Rank: 4

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

使用道具 举报

1

主题

71

帖子

453

积分

中级会员

Rank: 3Rank: 3

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

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

使用道具 举报

1

主题

117

帖子

1063

积分

金牌会员

Rank: 6Rank: 6

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


谢谢大神
回复

使用道具 举报

0

主题

20

帖子

562

积分

高级会员

Rank: 4

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

使用道具 举报

8

主题

208

帖子

1084

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

0

主题

34

帖子

556

积分

高级会员

Rank: 4

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2018-9-20 12:45 , Processed in 0.409742 second(s), 41 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

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