找回密码
 立即注册
查看: 212954|回复: 823

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

 火... [复制链接]

31

主题

157

回帖

1815

积分

论坛技术达人

积分
1815
金钱
1607
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主题属性文件怎么写吧!


评分

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

查看全部评分

回复

使用道具 举报

 

123

主题

4548

回帖

1万

积分

管理员

囧死

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

使用道具 举报

2

主题

127

回帖

1924

积分

金牌会员

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

使用道具 举报

20

主题

696

回帖

3214

积分

论坛元老

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

使用道具 举报

23

主题

636

回帖

4670

积分

元老级技术达人

积分
4670
金钱
3996
HASS币
30

教程狂人

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

使用道具 举报

6

主题

117

回帖

687

积分

高级会员

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

使用道具 举报

5

主题

32

回帖

369

积分

论坛分享达人

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

使用道具 举报

5

主题

52

回帖

311

积分

论坛分享达人

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

使用道具 举报

1

主题

18

回帖

168

积分

论坛技术达人

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

使用道具 举报

iLee 

11

主题

326

回帖

1390

积分

金牌会员

iLee

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-5-2 21:29 , Processed in 0.185537 second(s), 29 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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