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 |
分享到:
相关推荐
移动设备的尺寸有很多种,它们的屏幕总像素也是不同的,使用px单位的组件尺寸会有不一致的情况。我们看个例子可以看出这个加号icon在分辨率较高,尺寸较大的屏幕上反而显得略小dp(density-independentpixel)是与密度...
一些常用的扁平化icon图标,可用在Android、IOS和Web开发中。为了适配屏幕,每种图标都有不同的尺寸
一些常用的扁平化icon图标,可用在Android、IOS和Web开发中。为了适配屏幕,每种图标都有不同的尺寸
功能生成不同移动平台(iOS / Android / Web App / Cordova / ...)的应用图标,一键生成,快捷导入App启动图(启动图片/启动画面)生成工具,支持iOS / Android技术栈Laravel 5.6 角度1 +材质设计Vue /类星体框架去...
实施起来很简单#功能####常见功能图标部分,以明智地显示所有图标应用部分以应用图标包墙纸部分请求图标部分####独特的功能最小的设计最快的使用Google设计库连续显示的图标数量取决于屏幕尺寸在“应用”部分...
这个怎么运作在private/IconSplashMaker有一个脚本可以查看您的icon和splash路线,使用 SlimerJS 在 Firefox 浏览器窗口中呈现它们,并获取适当的屏幕截图。 我使用 SlimerJS 而不是 PhantomJS,因为 PhantomJS 尚不...
科尔多瓦/流星图标和启动画面生成器(包括用于Android启动画面的9补丁png)安装 npm install -g assets9用法在1024x1024处创建一个图标,并将其命名为icon.png 。 在2208x2208创建一个初始屏幕,并将其命名为splash....
功能生成不同移动平台(iOS / Android / Web App / Cordova / ...)的应用图标,一键生成,快捷导入App启动图(启动图片/启动画面)生成工具,支持iOS / Android技术栈Laravel 5.6 角度1 +材质设计Vue /类星体框架去...
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 ...
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 ...
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-...
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....
这个样子并不能算是一个完整的APP,现在就给APP加一个图标和一个适应所有屏幕尺寸的启动图,并且设置启动图遮住项目启动时候的白色闪屏。 我们先创建一个新项目 react-native init splashExample 图片处理 先从图标...
开始制作时考虑用双倍大小的Sprite图,通过CSS样式设置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一旦放大屏幕后图标又变得模糊不清,测试的效果不是很理想,后来又考虑多套图标适配方案、SVG矢量图...
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