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

 找回密码
 立即注册
查看: 2426|回复: 21

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

[复制链接]

1

主题

25

帖子

121

积分

注册会员

Rank: 2

积分
121
金钱
96
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

主题

4661

帖子

1万

积分

管理员

囧死

Rank: 9Rank: 9Rank: 9

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

使用道具 举报

146

主题

2266

帖子

6998

积分

元老级技术达人

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

使用道具 举报

70

主题

448

帖子

3252

积分

论坛元老

Rank: 8Rank: 8

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

使用道具 举报

1

主题

25

帖子

121

积分

注册会员

Rank: 2

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

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

使用道具 举报

18

主题

266

帖子

2158

积分

论坛DIY达人

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

使用道具 举报

6

主题

29

帖子

218

积分

中级会员

Rank: 3Rank: 3

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

使用道具 举报

9

主题

242

帖子

1287

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

64

主题

479

帖子

2146

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

6

主题

181

帖子

1424

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-23 00:01 , Processed in 0.122472 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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