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

 找回密码
 立即注册
查看: 2635|回复: 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

主题

4665

帖子

1万

积分

管理员

囧死

Rank: 9Rank: 9Rank: 9

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

使用道具 举报

151

主题

2353

帖子

7299

积分

元老级技术达人

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

使用道具 举报

70

主题

458

帖子

3340

积分

论坛元老

Rank: 8Rank: 8

积分
3340
金钱
2882
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

主题

271

帖子

2222

积分

论坛DIY达人

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

使用道具 举报

6

主题

29

帖子

230

积分

中级会员

Rank: 3Rank: 3

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

使用道具 举报

10

主题

253

帖子

1365

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

72

主题

552

帖子

2404

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

6

主题

181

帖子

1426

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-12-26 23:07 , Processed in 0.204128 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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