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

 找回密码
 立即注册
查看: 321|回复: 11

[UI界面] 请问一下是怎么对平板进行仪表盘的适配的?

[复制链接]

1

主题

31

帖子

148

积分

注册会员

Rank: 2

积分
148
金钱
117
HASS币
0
发表于 2024-12-10 08:27:57 | 显示全部楼层 |阅读模式
我现在正在打算弄一个上墙平板的ui,但是我用平板浏览器运行之后发现卡片的显示都很大,没放几个卡片屏幕就占满了,请问有什么办法进行适配?我希望显示得小一些,一屏我可以放比较多的信息和控制。
回复

使用道具 举报

1

主题

31

帖子

148

积分

注册会员

Rank: 2

积分
148
金钱
117
HASS币
0
 楼主| 发表于 2024-12-10 08:30:22 | 显示全部楼层
补充一下,平板是11寸的安卓板
回复

使用道具 举报

13

主题

616

帖子

3199

积分

论坛元老

HomeAssistant

Rank: 8Rank: 8

积分
3199
金钱
2578
HASS币
20
发表于 2024-12-10 09:21:55 | 显示全部楼层
尺寸大但是分辨率低吧。把平板字体设置最小试一试
回复

使用道具 举报

1

主题

31

帖子

148

积分

注册会员

Rank: 2

积分
148
金钱
117
HASS币
0
 楼主| 发表于 2024-12-10 09:37:39 | 显示全部楼层
DDDear 发表于 2024-12-10 09:21
尺寸大但是分辨率低吧。把平板字体设置最小试一试

平板分辨率是这个分辨率 2000x1200,晚点我调整字体大小试试。发贴是想寻求一下看看是不是有什么技巧在里面。
回复

使用道具 举报

13

主题

616

帖子

3199

积分

论坛元老

HomeAssistant

Rank: 8Rank: 8

积分
3199
金钱
2578
HASS币
20
发表于 2024-12-10 10:05:24 | 显示全部楼层
zssss 发表于 2024-12-10 09:37
平板分辨率是这个分辨率 2000x1200,晚点我调整字体大小试试。发贴是想寻求一下看看是不是有什么技巧在里 ...

分辨率不低,最好针对平板设计UI吧,UI显示的和电脑上肯定不一样。个人经验如果需要显得小,可以修改字体大小和屏幕的dpi,应该只修改dpi就可以
回复

使用道具 举报

1

主题

31

帖子

148

积分

注册会员

Rank: 2

积分
148
金钱
117
HASS币
0
 楼主| 发表于 2024-12-10 10:33:54 | 显示全部楼层
DDDear 发表于 2024-12-10 10:05
分辨率不低,最好针对平板设计UI吧,UI显示的和电脑上肯定不一样。个人经验如果需要显得小,可以修改字体 ...

我也感觉这个分辨率不算低了,如何针对平板设计?我现在就是电脑上编辑,然后去平板上看表现,前端我不懂,似乎卡片也没有大小可以设置,有空我也试试调整dpi.
回复

使用道具 举报

13

主题

616

帖子

3199

积分

论坛元老

HomeAssistant

Rank: 8Rank: 8

积分
3199
金钱
2578
HASS币
20
发表于 2024-12-10 11:12:30 | 显示全部楼层
zssss 发表于 2024-12-10 10:33
我也感觉这个分辨率不算低了,如何针对平板设计?我现在就是电脑上编辑,然后去平板上看表现,前端我不懂 ...

就是编辑完看看平板显示什么样再调整。。。
回复

使用道具 举报

7

主题

119

帖子

1138

积分

金牌会员

Rank: 6Rank: 6

积分
1138
金钱
1019
HASS币
0
发表于 2024-12-10 12:02:46 | 显示全部楼层
本帖最后由 hungheo 于 2024-12-10 12:10 编辑

APP设置-->companion应用-->页面缩放
或者  
浏览器F12 编辑的时候可以调到自定义分辨率
我的平板是缩小了2.5倍,手机是缩小了3倍,根据自身的情况来
回复

使用道具 举报

1

主题

31

帖子

148

积分

注册会员

Rank: 2

积分
148
金钱
117
HASS币
0
 楼主| 发表于 2024-12-10 13:41:33 | 显示全部楼层
hungheo 发表于 2024-12-10 12:02
APP设置-->companion应用-->页面缩放
或者  
浏览器F12 编辑的时候可以调到自定义分辨率

自定义分辨率我搜了一下知道了,缩小多少倍是指什么?怎么设置?
回复

使用道具 举报

7

主题

119

帖子

1138

积分

金牌会员

Rank: 6Rank: 6

积分
1138
金钱
1019
HASS币
0
发表于 2024-12-10 13:49:23 | 显示全部楼层
zssss 发表于 2024-12-10 13:41
自定义分辨率我搜了一下知道了,缩小多少倍是指什么?怎么设置?

我的华为matePad 10.1的分辨率是:2560*1600。ha app缩小2.5倍,显示的是1024*640
所以在编辑的时候是按照1024*640的分辨率来编辑的
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-12-26 19:23 , Processed in 0.095935 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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