`

Android icon 不同屏幕下尺寸

阅读更多
‍Android为了简化设计并且兼容更多的手机屏幕,系统依照尺寸和分辨率对屏幕进行了区分:

三种尺寸:大、中、小。
三种密度:高(hdpi)、中(mdpi)、低(ldpi)。

类型 低密度屏幕(ldpi) 中密度屏幕(mdpi) 高密度屏幕(hdpi)
启动器 36 x 36 48 x 48 72 x 72
菜单 36 x 36 48 x 48 72 x 72
状态栏 24 x 24 32 x 32 48 x 48
标签 24 x 24 32 x 32 48 x 48
对话 24 x 24 32 x 32 48 x 48
列表视图 24 x 24 32 x 32 48 x 48

 

屏幕 宽度 (Pixels) 高度 (Pixels) 尺寸 (inches) 大小 密度
QVGA 240 320 2.6 - 3.0 Small Low
WQVGA 240 400 3.2 - 3.5 Normal Low
FWQVGA 240 432 3.5 - 3.8 Normal Low
HVGA 320 480 3.0 - 3.5 Normal Medium
WVGA 480 800 3.3 - 4.0 Normal High
FWVGA 480 854 3.5 - 4.0 Normal High
WVGA 480 800 4.8 - 5.5 Large Medium
FWVGA 480 854 5.0 - 5.8 Large Medium

 

 

分享到:
评论

相关推荐

    前端之Android:屏幕适配

    移动设备的尺寸有很多种,它们的屏幕总像素也是不同的,使用px单位的组件尺寸会有不一致的情况。我们看个例子可以看出这个加号icon在分辨率较高,尺寸较大的屏幕上反而显得略小dp(density-independentpixel)是与密度...

    android开发图标素材

    一些常用的扁平化icon图标,可用在Android、IOS和Web开发中。为了适配屏幕,每种图标都有不同的尺寸

    扁平化图标(Android、IOS、Web都可用)

    一些常用的扁平化icon图标,可用在Android、IOS和Web开发中。为了适配屏幕,每种图标都有不同的尺寸

    icon-workshop:图标工场-移动应用图标生成工具,一键生成所有尺寸的应用图标和启动图

    功能生成不同移动平台(iOS / Android / Web App / Cordova / ...)的应用图标,一键生成,快捷导入App启动图(启动图片/启动画面)生成工具,支持iOS / Android技术栈Laravel 5.6 角度1 +材质设计Vue /类星体框架去...

    H2Icons:适用于Android的Material Design图标包

    实施起来很简单#功能####常见功能图标部分,以明智地显示所有图标应用部分以应用图标包墙纸部分请求图标部分####独特的功能最小的设计最快的使用Google设计库连续显示的图标数量取决于屏幕尺寸在“应用”部分...

    meteor-icon-splash-maker:使用 SVG、HTML、CSS 制作图标和启动画面,并以移动 Web 应用程序所需的所有尺寸呈现它们

    这个怎么运作在private/IconSplashMaker有一个脚本可以查看您的icon和splash路线,使用 SlimerJS 在 Firefox 浏览器窗口中呈现它们,并获取适当的屏幕截图。 我使用 SlimerJS 而不是 PhantomJS,因为 PhantomJS 尚不...

    assets9:生成适用于移动应用程序的cordovameteor图标和启动屏幕(9patch png)

    科尔多瓦/流星图标和启动画面生成器(包括用于Android启动画面的9补丁png)安装 npm install -g assets9用法在1024x1024处创建一个图标,并将其命名为icon.png 。 在2208x2208创建一个初始屏幕,并将其命名为splash....

    icon-workshop:图标工场-移动应用图标生成工具,一键生成所有尺寸的应用图标和启动图

    功能生成不同移动平台(iOS / Android / Web App / Cordova / ...)的应用图标,一键生成,快捷导入App启动图(启动图片/启动画面)生成工具,支持iOS / Android技术栈Laravel 5.6 角度1 +材质设计Vue /类星体框架去...

    Axure最全组件库

    icon-UX_People.rplib Icons_Audio.rplib iOS iPad Wireframe.rplib ipad.rplib iPhone-Bodies.rplib JQuery Mobile.rplib Mobile-android_DSK (2).rplib Mobile-android_DSK.rplib mobile-iPhone-Horizontal.rplib ...

    产品经理Axure元件库.zip

    icon-UX People.rplib iOS iPad线框。rplib iOS7-Base-UI。rplib iOS7-Like-con-Set.rplib ioS8 UI 工具包. rplib ipad. Rplib iPhone的身体All.rolib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone. Rplib ...

    63套Axure组件库

    icon-UX_People.rplib Icons_Audio.rplib iOS iPad Wireframe.rplib ipad.rplib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone-UI.rplib JQuery Mobile.rplib Mobile-android_DSK.rplib mobile-iPhone-...

    自用Web+H5+Phone+一般原型+流程库

    icon-UX_People.rplib iOS iPad Wireframe.rplib ipad.rplib iPhone Bodies All.rplib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone-UI.rplib JQuery Mobile.rplib Mobile-android_DSK....

    xmljava系统源码-splashExample:飞溅示例

    这个样子并不能算是一个完整的APP,现在就给APP加一个图标和一个适应所有屏幕尺寸的启动图,并且设置启动图遮住项目启动时候的白色闪屏。 我们先创建一个新项目 react-native init splashExample 图片处理 先从图标...

    图标字体化浅谈

    开始制作时考虑用双倍大小的Sprite图,通过CSS样式设置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一旦放大屏幕后图标又变得模糊不清,测试的效果不是很理想,后来又考虑多套图标适配方案、SVG矢量图...

    [nnlab.top] Axure最丰富组件库

    nnlab.top 收集整理的Axure组件库001。 内部组件列表如下: -------------------------- drwxr-xr-x 58 Egs-Studio staff 1856 1 9 11:...-rw-r--r-- 1 Egs-Studio staff 427508 10 12 2010 广告位标准尺寸组件库.rplib

Global site tag (gtag.js) - Google Analytics