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

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

 找回密码
 立即注册
查看: 1078|回复: 15

[UI界面] 界面属实是难搞,吭哧两天才达成50%心里满意度

[复制链接]

1

主题

20

帖子

97

积分

注册会员

Rank: 2

积分
97
金钱
77
HASS币
0
发表于 2024-7-5 18:25:22 | 显示全部楼层 |阅读模式
本帖最后由 发如雪 于 2024-7-17 16:51 编辑

先上效果





真的要一点多一点打磨啊,大体界面是有了,屋里各种设备状态和开关还任重而道远。
暂时只做展示,实现方法对一般用户不太友好,先不出教程了,搬家之后我会组建全屋智能,等弄差不多了出个详细教程。

pad端。


SCR-20240705-qavn.jpeg

手机端。


SCR-20240705-qbeo.png

背景颜色会随着时间推移而改变,
晚上23:00~第二天6:00,背景是灰色,
6:00~9:00保持同一个颜色,

9:00~23:00分钟级逐渐改变背景颜色,每一分钟颜色都不一样。

下载.png
方便演示,做了一个效果出来:


目前还在租房子住,现在折腾是在为搬家以后做全屋智能做准备,先弄个大概的风格出来。







回复

使用道具 举报

123

主题

4646

帖子

1万

积分

管理员

囧死

Rank: 9Rank: 9Rank: 9

积分
16237
金钱
11506
HASS币
45
发表于 2024-7-5 18:26:55 | 显示全部楼层
感觉已经是大神级别了!
回复

使用道具 举报

123

主题

1866

帖子

5783

积分

元老级技术达人

积分
5783
金钱
3912
HASS币
30
发表于 2024-7-5 18:35:11 | 显示全部楼层
窗帘开合怎么在户型图里体现比较好,灯最简单,
回复

使用道具 举报

66

主题

402

帖子

2894

积分

金牌会员

Rank: 6Rank: 6

积分
2894
金钱
2492
HASS币
0
发表于 2024-7-5 19:00:47 | 显示全部楼层
看到这么多个,你这个我觉得创意不错,清新,简约,就是图二的那几个图标不是太搭
回复

使用道具 举报

1

主题

20

帖子

97

积分

注册会员

Rank: 2

积分
97
金钱
77
HASS币
0
 楼主| 发表于 2024-7-5 19:02:04 | 显示全部楼层
Masterchen 发表于 2024-7-5 19:00
看到这么多个,你这个我觉得创意不错,清新,简约,就是图二的那几个图标不是太搭
...

继续打磨慢慢优化,这东西属实是有点繁琐。
回复

使用道具 举报

17

主题

240

帖子

1878

积分

论坛DIY达人

积分
1878
金钱
1633
HASS币
20
发表于 2024-7-5 21:26:43 | 显示全部楼层
挺漂亮,如果手机端能把实用性融合进去,那绝对是完美的存在。
回复

使用道具 举报

6

主题

28

帖子

136

积分

注册会员

Rank: 2

积分
136
金钱
108
HASS币
0
发表于 2024-7-5 22:01:56 | 显示全部楼层
不错不错!喜欢这个风格!期待后续的分享
回复

使用道具 举报

9

主题

230

帖子

1191

积分

金牌会员

Rank: 6Rank: 6

积分
1191
金钱
961
HASS币
0
发表于 2024-7-6 03:54:27 | 显示全部楼层
牛逼的呀,比我弄得好看多了
回复

使用道具 举报

59

主题

414

帖子

1825

积分

金牌会员

Rank: 6Rank: 6

积分
1825
金钱
1406
HASS币
0
发表于 2024-7-6 12:21:36 | 显示全部楼层
大佬,侧边栏用的什么代码。
回复

使用道具 举报

5

主题

176

帖子

1358

积分

金牌会员

Rank: 6Rank: 6

积分
1358
金钱
1182
HASS币
0
发表于 2024-7-6 15:54:36 | 显示全部楼层
这ui成功,一看就是大神级别的。玩ha3年,界面还是简单,自愧不如
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-7-20 14:12 , Processed in 0.151423 second(s), 34 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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