『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 147389|回复: 517

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

  [复制链接]

31

主题

188

帖子

1798

积分

论坛技术达人

积分
1798
金钱
1590
HASS币
20

教程狂人论坛风云人物

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

查看全部评分

回复

使用道具 举报

20

主题

700

帖子

3106

积分

论坛元老

Rank: 8Rank: 8

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

使用道具 举报

2

主题

136

帖子

502

积分

高级会员

Rank: 4

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

使用道具 举报

9

主题

264

帖子

1095

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

0

主题

118

帖子

735

积分

高级会员

Rank: 4

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

使用道具 举报

1

主题

76

帖子

512

积分

高级会员

Rank: 4

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

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

使用道具 举报

1

主题

178

帖子

3470

积分

论坛元老

Rank: 8Rank: 8

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


谢谢大神
回复

使用道具 举报

0

主题

27

帖子

754

积分

高级会员

Rank: 4

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

使用道具 举报

12

主题

397

帖子

2289

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

0

主题

39

帖子

737

积分

高级会员

Rank: 4

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-22 05:13 , Processed in 0.069743 second(s), 34 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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