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

 找回密码
 立即注册
查看: 5193|回复: 23

[UI界面] 手机端UI-长篇大论之-预览

[复制链接]

9

主题

223

帖子

2105

积分

论坛UI达人

积分
2105
金钱
1882
HASS币
0
发表于 2024-4-18 22:00:51 | 显示全部楼层 |阅读模式
本帖最后由 hhh. 于 2024-11-14 01:02 编辑


导航:


前言:

  • 只能在手机端使用
  • 基于部件,主要使用页面跳转,少量使用弹出窗口。
  • UI使用不同主题,会实现不同效果。(不限制主题)
  • 期待大家,提出问题和建议,后续会继续完善。

主要实现:

  • 底部导航栏  (卡片方式)
  • 直观显示(徽标支持)
  • mushroom风格
  • 简约
  • 简单配置


前期必备:


主题,   均可在HACS中添加

  • mushroom (必备)
  • UI Lovelace Minimalist (必备)  minimalist-mobile 这个主题可以隐藏页眉
  • iOS Theme (可选)

第三方卡片:

  • browser_mod (弹出模组)
  • button-card  (按钮卡片)
  • card-mod   (卡片模组)
  • auto-entities  (自动实体卡片)
  • fold-entity-row  (折叠卡片)
  • kiosk mode  (隐藏页眉)(可选)
  • mini-graph-card  (迷你图形卡片)
  • multiple-entity-row  (多实体行卡片)
  • RGB light card  (RGB灯卡片)
  • simple thermostat  (温控卡片)
  • tabbed card  (选项卡片)
  • vertical stack ln card (垂直堆叠卡片)


更新日志:

  • 20241114:重构代码,拥抱部件(sections),简单配置UI界面。
  • 20240721:重要更新,重新编写区域篇。
  • 20240715:新建我的篇,优化页眉,重新制作导航栏。
  • 20240506:新建区域篇,主页篇新增天气图标。
  • 20240425:新建主页篇。


BUG:

  • browser_mod弹出卡片,无法窗口化。


致谢

在本项目的开发过程中,我参考了网络中许多开源代码。
衷心感谢所有分享和贡献的开发者,正是有了你们的无私付出,
才使得本项目得以顺利完成。
感谢你们的分享与支持,您们的努力为本项目增添了不少价值。

预览

主页篇

主页篇


区域篇

区域篇


我的篇

我的篇




评分

参与人数 3金钱 +30 收起 理由
4277427 + 8 膜拜大神!
隔壁的王叔叔 + 12 以为是青铜,原来是王者!
DDDear + 10 厉害了word楼主!

查看全部评分

回复

使用道具 举报

0

主题

32

帖子

285

积分

中级会员

Rank: 3Rank: 3

积分
285
金钱
253
HASS币
0
发表于 2024-4-18 22:13:04 | 显示全部楼层
厉害啊,期待后续内容
回复

使用道具 举报

40

主题

2176

帖子

8284

积分

元老级技术达人

积分
8284
金钱
6093
HASS币
110
发表于 2024-4-19 08:30:42 | 显示全部楼层
browser_mod可以非全屏弹窗
去issues看一下 有说解决方式
回复

使用道具 举报

10

主题

1328

帖子

4238

积分

论坛元老

Rank: 8Rank: 8

积分
4238
金钱
2910
HASS币
0
发表于 2024-4-19 08:35:30 | 显示全部楼层
不得了啊,快出个教程啊。
回复

使用道具 举报

9

主题

160

帖子

2802

积分

论坛技术达人

积分
2802
金钱
2632
HASS币
50
发表于 2024-4-19 08:50:26 | 显示全部楼层
为啥底部导航不两头拉到底
回复

使用道具 举报

33

主题

2196

帖子

5838

积分

论坛元老

Rank: 8Rank: 8

积分
5838
金钱
3642
HASS币
60
QQ
发表于 2024-4-19 10:14:04 | 显示全部楼层
ck3 发表于 2024-4-19 08:50
为啥底部导航不两头拉到底

应该不是拉不到底,是他没拉到底。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

1

主题

100

帖子

1138

积分

金牌会员

Rank: 6Rank: 6

积分
1138
金钱
1038
HASS币
0
发表于 2024-4-19 12:05:00 | 显示全部楼层
期待大佬出教程
回复

使用道具 举报

9

主题

223

帖子

2105

积分

论坛UI达人

积分
2105
金钱
1882
HASS币
0
 楼主| 发表于 2024-4-19 12:46:54 | 显示全部楼层
ghostist 发表于 2024-4-19 08:30
browser_mod可以非全屏弹窗
去issues看一下 有说解决方式

有使用browser_mod修改版的,但是不太完美,目前还是以单页面设计,区别不大,所以使用页面跳转。
回复

使用道具 举报

5

主题

68

帖子

358

积分

中级会员

Rank: 3Rank: 3

积分
358
金钱
290
HASS币
0
发表于 2024-4-19 14:15:48 | 显示全部楼层
能抄作业吗
回复

使用道具 举报

26

主题

211

帖子

2250

积分

论坛技术达人

积分
2250
金钱
2034
HASS币
20
发表于 2024-4-19 14:27:56 | 显示全部楼层
厉害,不过提几点建议,字有点大,很多功能丧失美感以及臃肿混乱,如同大佬的Agdhome一样只有功能但丧失最好的速度解析
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-21 18:03 , Processed in 1.752409 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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