操作栏图标大小

Gio*_*rgi 58 icons android actionbarsherlock android-actionbar

根据操作栏图标的屏幕MDPI动作栏图标应为24×24像素,但在图标的操作栏图标包适用于mdpi是32×32像素.尺寸与其他屏幕尺寸也不匹配.那么哪一个是正确的,动作栏图标应该有哪些尺寸?

Ale*_*ran 53

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

我相信它们必须是32x32dp,但实际图像本身应该是24dpx24dp居中.Android设计网站有正确的指导方针.

我已经提交了关于此的错误报告,但还没有听到任何声音......

  • 这个答案是否过时了? (4认同)

wan*_*934 53

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

新的谷歌设计gideline说:"系统图标显示为24dp","图标内容仅限于20 x 20dp的实时区域,周边有4px的修剪".喜欢:

在此输入图像描述 - - - 旧 - - - -

全部资产,32x32 dp; 光学方形,24x24 dp

在此输入图像描述

  • @ AlikElzin-kilaka dp是与密度无关的像素.它是实际像素的比例.mdpi是基线,因此mdpi中的24dp是24px.对于hdpi设备,比例为1.5x,因此24dp为36px. (5认同)

One*_*rld 13

我用AppCompat ActionBar进行了更多的测试.我发现,ActionBar会自行处理以实现最小48dp的触摸目标大小.我还发现,AppCompat ActionBar仍然需要32dp方形大小的动作栏图标.

即使使用Material设计,图标仍然必须遵循规则"完整资产:32x32 dp;光学方块:24x24 dp"才能在操作栏中显示正确的大小以及其他图标,因为此图(来自wangqi060934的anwer)显示:

在此输入图像描述

我之前的假设(见下图)全资产规模从32dp扩展到48dp是不正确的.48dp正在谈论触摸区域.混淆是由修订后的Material Icon Spec文档引起的,该文档链接在较旧的ActionBar文档中.

在此输入图像描述

来自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图标](https://design.google.com/icons/)不提供下载32dp图标的选项.这里发生了什么? (2认同)

Car*_*OSX 9

使用Android Studio图片资源

去:

  1. 项目> res - >右键单击
  2. new> image asset - >图标类型:操作栏和选项卡图标
  3. 下一步>完成.

现在,您将以正确的分辨率获得图标.


Rad*_*lav 5

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

低密度屏

ldpi (120 dpi) --> 18 x 18 px
Run Code Online (Sandbox Code Playgroud)

中密度屏

mdpi (160 dpi) --> 24 x 24 px
Run Code Online (Sandbox Code Playgroud)

高密度屏

hdpi (240 dpi) --> 36 x 36 px
Run Code Online (Sandbox Code Playgroud)

超高密度屏

xhdpi (320 dpi) --> 48 x 48 px  
Run Code Online (Sandbox Code Playgroud)

XX-高密度屏

xxhdpi (480 dpi) --> 72 x 72 px
Run Code Online (Sandbox Code Playgroud)

XXX-高密度屏

xxxhdpi (640 dpi) --> 96 x 96 px
Run Code Online (Sandbox Code Playgroud)