【问题标题】:Action Bar icon size操作栏图标大小
【发布时间】:2012-06-29 23:44:50
【问题描述】:

根据Action Bar Icons mdpi 屏幕的操作栏图标应为 24 x 24 像素,但Action Bar Icon Pack 中用于 mdpi 的图标为 32 x 32 像素。尺寸也不匹配其他屏幕尺寸。那么哪一个是正确的,操作栏图标应该有什么尺寸呢?

【问题讨论】:

    标签: android icons android-actionbar actionbarsherlock


    【解决方案1】:

    -------更新2015.10.17--------

    The new google design gideline 说:“系统图标以 24dp 显示”,“图标内容仅限于 20 x 20dp 的活动区域,周边有 4px 的修剪”。喜欢:

    ------老--------

    Full asset, 32x32 dp; Optical square, 24x24 dp

    【讨论】:

    • 我猜你的意思是 px 而不是 dp?
    • @AlikElzin-kilaka 它是文档中所述的 dp(在链接中)。
    • 使用图标编辑工具时dp是什么意思?像素是具有一种颜色的方形单位。它有一个意义。查看文档以了解 baseline 的含义。
    • @AlikElzin-kilaka dp 是与密度无关的像素。这是实际像素的比例。 mdpi 是基线,所以 mdpi 中的 24dp 是 24px。对于 hdpi 设备,比例为 1.5x,因此 24dp 为 36px。
    • 使用 Material (Android 5) 的完整资源大小已从 32dp 更改为 48dp
    【解决方案2】:

    更新:此答案不再有效,有关更多最新指南,请参阅以下答案。

    我认为它们必须是 32x32dp,但实际图像本身应该以 24dpx24dp 为中心。 Android设计网站有correct guidelines

    我已经为此提交了bug report,但还没有听到任何消息...

    【讨论】:

    • 我猜你的意思是 px 而不是 dp?
    • dp 表示与设备无关的像素,通常用于 Android UI 的单位。
    • 这个答案过时了吗?
    • 这个答案已经过时了。新准则是 24x24dp 图像(文件)。这是由中心的 20x20 内容组成,每边有 2dp 填充(总共 4dp)。
    【解决方案3】:

    我使用 AppCompat ActionBar 进行了更多测试。我发现,ActionBar 会自行执行最小 48dp 触摸目标大小。我还发现,AppCompat ActionBar 仍然需要 32dp 正方形大小的操作栏图标。

    即使使用 Material Design,图标仍然必须遵循“完整资源:32x32 dp;光学方块:24x24 dp”的规则,才能与操作栏中的其他图标一起具有正确的尺寸,如图(来自wangqi060934的回答)显示:

    我之前的假设(见下图)认为整个资产大小从 32dp 扩展到 48dp 是不正确的。 48dp 是指触摸区域。混淆是由修改后的Material Icon Spec document 引起的,它链接在更旧的ActionBar document 中。

    来自https://www.google.com/design/spec/style/icons.html#icons-system-icons

    来自http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-sizing-by-increments

    【讨论】:

    • 蓝色/粉红色的区域是“间隙区域”,“图标周围需要足够的空间以保证易读性和触摸。”,如指南所述。
    • Google 提供的Material Design icons 没有提供下载 32dp 图标的选项。这是怎么回事?
    【解决方案4】:

    使用 Android Studio 图像资源

    转到:

    1. Project>res --> 右键
    2. new> 图像资源 --> 图标类型:操作栏和选项卡图标
    3. 下一步>完成。

    现在您将拥有正确分辨率的图标。

    【讨论】:

    • 正是我想要的。
    【解决方案5】:

    如下链接所示完成的操作栏图标尺寸应该是。 https://developer.android.com/guide/practices/ui_guidelines/icon_design_action_bar.html

    低密度屏幕

    ldpi (120 dpi) --> 18 x 18 px
    

    中密度屏幕

    mdpi (160 dpi) --> 24 x 24 px
    

    高密度屏幕

    hdpi (240 dpi) --> 36 x 36 px
    

    超高密度屏幕

    xhdpi (320 dpi) --> 48 x 48 px  
    

    XX-高密度屏

    xxhdpi (480 dpi) --> 72 x 72 px
    

    XXX-高密度屏

    xxxhdpi (640 dpi) --> 96 x 96 px
    

    【讨论】:

    • 谢谢,这就是我要寻找的像素大小,因此我根据每个文件夹的需要缩小了图像副本的大小。现在还有 xxhdpi 和 xxx。这些默认情况下是在某个项目中创建的,因此我建议您对您的帖子进行编辑/更新以添加这些内容。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-11
    • 2023-03-17
    • 2015-05-08
    • 2014-05-20
    • 1970-01-01
    相关资源
    最近更新 更多