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

 找回密码
 立即注册
查看: 188012|回复: 810

[新奇玩法] 【Floorplan教程三】制作自己的SVG图片文件

  [复制链接]

31

主题

188

帖子

1798

积分

论坛技术达人

积分
1798
金钱
1590
HASS币
20

教程狂人论坛风云人物

发表于 2017-9-8 11:36:36 | 显示全部楼层 |阅读模式
本帖最后由 倾微qiwe 于 2017-9-13 21:53 编辑

导航:请按照顺序查看!!

1.Floorplan第一帖,图形化控制你的家居
2.【还有这种操作】用Floorplan制作一个简单的电视遥控器UI
3.【Floorplan教程三】制作自己的SVG图片文件
4.【Floorplan教程四】写Floorplan.yaml配置文件和CSS主题属性文件


如果你已经搞定了前两篇帖子的内容,那么你几乎已经掌握80%Floorplan的内容了!接下来的内容5分钟搞定,就是这么简单!
这篇帖子结束,我就已经全部领进门了,剩下的就靠自我修行了!

上车
游客,如果您要查看本帖隐藏内容请回复

总结:svg图像就是一个图像,图像里面的对象都有一个ID,这个ID就是接入HA的关键。

5分钟教程结束!够简单吧。下车。  
SVG图片会制作了,那么我们就来看看yaml配置文件和css主题属性文件怎么写吧!


评分

参与人数 4金钱 +31 收起 理由
yinzhihu + 2 赠人玫瑰,手留余香!
Ayd4H + 5 在下对你的景仰犹如滔滔长江之水,连绵不绝.
lidicn + 12 在下对你的景仰犹如滔滔长江之水,连绵不绝.
+ 12 在下对你的景仰犹如滔滔长江之水,连绵不绝.

查看全部评分

回复

使用道具 举报

123

主题

4661

帖子

1万

积分

管理员

囧死

Rank: 9Rank: 9Rank: 9

积分
16410
金钱
11664
HASS币
45
发表于 2017-9-8 11:47:54 | 显示全部楼层
教程真的很给力!
回复

使用道具 举报

2

主题

129

帖子

1924

积分

金牌会员

Rank: 6Rank: 6

积分
1924
金钱
1794
HASS币
0
发表于 2017-9-8 12:14:53 | 显示全部楼层
新东西,好好消化一下
回复

使用道具 举报

20

主题

700

帖子

3106

积分

论坛元老

Rank: 8Rank: 8

积分
3106
金钱
2406
HASS币
0
发表于 2017-9-8 12:23:45 | 显示全部楼层
看看吧!好像不太难
回复

使用道具 举报

23

主题

656

帖子

4605

积分

元老级技术达人

积分
4605
金钱
3934
HASS币
30

教程狂人

QQ
发表于 2017-9-8 13:03:16 | 显示全部楼层
在下对你的景仰犹如滔滔长江之水,连绵不绝.
回复

使用道具 举报

6

主题

123

帖子

687

积分

高级会员

Rank: 4

积分
687
金钱
563
HASS币
0
发表于 2017-9-8 13:26:44 | 显示全部楼层
666666厉害了我的主
回复

使用道具 举报

5

主题

37

帖子

369

积分

论坛分享达人

积分
369
金钱
327
HASS币
0
发表于 2017-9-8 13:32:43 | 显示全部楼层
支持一下
回复

使用道具 举报

5

主题

57

帖子

307

积分

论坛分享达人

积分
307
金钱
250
HASS币
0
发表于 2017-9-8 14:20:33 | 显示全部楼层
回复看看。谢谢。
回复

使用道具 举报

1

主题

19

帖子

162

积分

论坛技术达人

积分
162
金钱
143
HASS币
0
发表于 2017-9-8 14:45:58 | 显示全部楼层
感谢楼主分享
回复

使用道具 举报

11

主题

337

帖子

1390

积分

金牌会员

iLee

Rank: 6Rank: 6

积分
1390
金钱
1052
HASS币
0
发表于 2017-9-8 14:51:21 | 显示全部楼层
继续啊  灰常感谢分享
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-21 23:32 , Processed in 0.943290 second(s), 37 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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