繁体   English   中英

平板电脑和手机之间的应用小部件大小不一致

[英]App widget inconsistent sizing between tablet and phone

我正在尝试设计一个可重现标准应用程序快捷方式主屏幕图标的快捷方式样式但作为小部件的应用程序。 请注意,目前这只是在查看标准的Android主屏幕。

我已经使用DDMS-> Eclipse的Devices视图中的“ UI Automator的转储视图层次结构”工具进行了以下观察: 在此处输入图片说明

1 x 1正方形中给出的空间会根据屏幕密度,方向以及手机主屏幕是处于“电话模式”还是“平板电脑模式”而变化(启动4.x仿真器,您可以通过背景判断出其他内容) )。 屏幕密度会按预期影响尺寸(0.75、1、1.5、2.0密度因子缩放),但是方向和“主屏幕模式”是非常不可预测的。 特别:


主屏幕上1x1“正方形”的尺寸

手机模式:

  • 肖像: 80dp x 100dp = 4:5的宽高比
  • 风景(如果可用-未经彻底测试): 106dp x 74dp = 53:37长宽比

平板电脑模式:

  • 人像: 96dp x 96dp = 1:1宽高比
  • 风景: 96dp x 96dp = 1:1宽高比

如您所见,几乎没有任何一致性,但这是在主屏幕上为“正方形”指定的尺寸。 看着实际上给小部件(是的,它不从可用,并通过系统的快捷小工具使用的广场空间不同)的空间时,它变得更糟糕


1x1“正方形”中赋予小部件的尺寸

手机模式:

  • 肖像: 80dp x 100dp = 4:5的宽高比
  • 风景(如果可用-未经彻底测试): 90dp x 58dp = 45:29长宽比

平板电脑模式:

  • 肖像: 72dp x 72dp = 1:1宽高比
  • 风景: 72dp x 72dp = 1:1长宽比

所以我坚持:

  • 手机和平板电脑模式之间的宽高比不一致
  • 在某些情况下,为应用小部件提供的区域要比应用快捷方式的区域小。 因此,小部件的相对大小和感知大小在平板电脑和手机上看起来会大不相同?
  • 较小的区域甚至没有垂直居中,它们的顶部大多与2dp的上边距对齐,这意味着它们甚至看上去都没有与相邻的应用程序快捷方式对齐,更不用说试图通过小部件

为直观起见,以下图像显示了默认的系统快捷方式(带有红色方框的方形方框显示“方形尺寸-系统快捷方式和小部件始终共享”)。 它旁边是我的小部件,带有蓝色高亮显示了MATCH_PARENT设置的边界,因此小部件可以实际在其“正方形”内绘制:

电话-端口: 在此处输入图片说明

平板电脑-土地: 在此处输入图片说明

平板电脑-端口: 在此处输入图片说明

最重要的是,平板电脑上的小部件的蓝色区域是否甚至不包含系统快捷方式绘制其文本的空间

是否有人对以下方面有见解:

  1. 为什么主屏幕如此不一致?
  2. 为什么未为应用程序小部件提供与系统快捷方式相同的绘图空间/或应该如此,我做错了什么?
  3. 我应该做其他事情,还是接受一个占所有给定绘图空间的1x1小部件,在平板电脑上看起来比在手机上看起来“小”(与周围环境相比)?

更好的是,许多启动器允许用户自定义网格的大小。 根据App Widget设计指南 ,您不能依赖所有设备上的确切大小。 相反,确定最小宽度和高度,然后让主屏幕确定布局占用多少个正方形。

它们确实为您提供了有关最小单元大小的期望的指导(并且您的所有数字都比看起来的大得多),但是自定义启动器可能会再次降低此最小值。

我发现最好专注于布局中需要包含哪些组件(按钮等),然后按照“ 度量和网格”设计指南确定最小尺寸(请注意,边距会在Android 4.0+设备上自动添加,但在< 4.0设备)。 然后,确保布局足够动态以填充为其提供的空间(居中对齐文本等)。 请记住,小部件被假定为带框的单个条目,而不是如App Widget设计指南所指出的那样是浮动文本。

嘿,您可以管理布局中的屏幕尺寸,以便为不同的屏幕尺寸以及横向和纵向创建不同的布局。

在您的资源文件夹中创建以下布局,如下所示:

布局大

布局小

布局XLARGE

布局景观

然后将XML文件复制到其中,并在不同设备的预览屏幕中签入,您可能会想到,您可以修改主屏幕中小部件的大小。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM