Android 浅谈 设计与屏幕适配

extends: http://www.ui.cn/detail/45435.html

http://www.2cto.com/kf/201501/372699.html

http://www.cnblogs.com/bluestorm/p/3640786.html

http://www.shejidaren.com/android%E7%B3%BB%E7%BB%9F%E5%AD%97%E4%BD%93%E8%A7%84%E8%8C%83%E4%B8%8E%E5%BA%94%E7%94%A8%E6%8E%A2%E7%B4%A2.html

最近换了新的项目来搞,但是设计图给的是iOS的尺寸(1366*640),所以量取出来的结果是iOS,并不适用于Android,于是深入研究了一下如何转换。

首先要知道

Android常用单位:

1.屏幕尺寸in(英寸):指实际的物理尺寸,为屏幕对角线的测量。一般讲的大小单位都是英寸,比如iPhone5S的屏幕尺寸是4英寸。

2.像素(pixel):屏幕上的点,基本原色素及其灰度的基本编码。

3.分辨率(Resolution):是指屏幕上垂直方向和水平方向上的像素个数。(比如iPhone5S的分辨率是1136*640)

4.dpi:dot per inch,就是每英寸的像素数,也叫做屏幕密度。这个值越大,屏幕就越清晰。

5. dp=dip : device independent pixels(设备独立像素):一种基于屏幕密度的抽象单位。在每英寸160点的显示器上,1dp = 1px。

6. sp:Scale-independent pixels,它是安卓的字体单位,以160PPI屏幕为标准,当字体大小为 100%时,1sp=1px。

对ppi 的理解:

ppi= Pixels per inch,每英寸上的像素数数目,即 "像素密度“

屏幕尺寸in(英寸):指实际的物理尺寸,为屏幕对角线的测量。

而ppi的运算方式是:

PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数

举个简单的列子,iphone5的ppi是多少?ppi=√(1136px²+ 640px²)/4 in=326ppi(视网膜Retina屏)

为解决Android设备碎片化,引入一个概念dp,一种基于屏幕密度的抽象单位。

Android把屏幕密度分为了四个广义的大小:

低(120ppi)、中(160ppi)、高(240ppi)和超高(320ppi)

dp是(设备独立像素)不同设备有不同的显示效果,这个和设备硬件有关是虚拟像素,在不同的像素密度的设备上会自动适配。

在每英寸160ppi的显示器上,1dp= 1px。

关于dp与px 单位换算:

ppi的运算方式是:

PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数

dp:Density-independent pixels,以160PPI屏幕为标准,则1dp=1px,

sp:Scale-independent pixels,它是安卓的字体单位,以160PPI屏幕为标准,当字体大小为 100%时, 1sp=1px。
dp=dip:device independent pixels(设备独立像素)不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA推荐使用这个,不依赖像素。

px = dp*ppi/160
dp = px / (ppi / 160)

px = sp*ppi/160
sp = px / (ppi / 160)

dp是一种与密度无关的像素单位,在每英寸160点的屏幕上,1dp=1px

dp和px的换算公式 :dp*ppi/160 =px

比如,在一个240ppi的屏幕里,比如1dp x 240/160 = 2px。 即 1dp=1.5px,

mdpi(160ppi)  1dp = 1px ;  hdpi  (240ppi)1dp=1.5px;

Xhdpi(320ppi )1dp=2px;    xxhdpi(480ppi )1dp=3px;

对于设计人员而已,我们要把dp转化为px,  只是需要利用公式:

px=dp*ppi/160

最后,放上几张图帮助理解:

于是得到:

一般情况用dp,字体大小用sp,画线用px。 
当你使用iOS设计图来开发安卓时,我使用的Android尺寸是 1920*1080,dpi为480

将量取的px值除以1.77777777777 得到的就是要写在xml layout 里的dp值, 

将量取的px值 除以(iOS的DPI-326/160) ,也就是用px除以2.037308273得到的就是字体的大小

下面附上我的dimen.xml

<resources>

    <!-- iOS  text -->
    <dimen name="ios_text_scale">2.037308273dp</dimen>
    <!--导航标题  36 -->
    <dimen name="text_navi_title_36">18sp</dimen>
    <!--正文字标题 30-->
    <dimen name="text_content_30">15sp</dimen>
    <!--小号字 28 -->
    <dimen name="text_content_small_28">14sp</dimen>
    <!--标签字 24-->
    <dimen name="text_label_24">12sp</dimen>

    <!-- Line -->
    <dimen name="line_size_1">1px</dimen>
    <!-- iOS -->
    <dimen name="ios_scale">1.777777dp</dimen>

    <dimen name="ios_2">1dp</dimen>
    <dimen name="ios_3">2dp</dimen>
    <dimen name="ios_5">3dp</dimen>
    <dimen name="ios_8">5dp</dimen>
    <dimen name="ios_10">6dp</dimen>
    <dimen name="ios_15">8dp</dimen>
    <dimen name="ios_20">11dp</dimen>
    <dimen name="ios_25">14dp</dimen>
    <dimen name="ios_30">17dp</dimen>
    <dimen name="ios_35">20dp</dimen>
    <dimen name="ios_40">23dp</dimen>
    <dimen name="ios_45">25dp</dimen>
    <dimen name="ios_50">28dp</dimen>
    <dimen name="ios_100">56dp</dimen>
    <dimen name="ios_150">84dp</dimen>
    <dimen name="ios_200">113dp</dimen>
    <dimen name="ios_250">141dp</dimen>
    <dimen name="ios_300">169dp</dimen>

    <dimen name="iv_show_height">186dp</dimen>

</resources>

最后推荐一款测量标注软件:mark man 马克鳗,好用的不得了。。

http://www.getmarkman.com/#/download-modal 需要下载Adobe Air

时间: 2024-10-11 12:52:25

Android 浅谈 设计与屏幕适配的相关文章

Android 尺寸单位转换和屏幕适配相关

一:Android 屏幕适配 众所周知,Android机型尺寸各种各样,于是屏幕适配就成了Android开发中很重要的一环.Android屏幕适配可能一些开发者都会遇到这样的问题,今天就来分享下屏幕适配,其实Android屏幕适配也可以很简单. 基本概念 Android屏幕适配必须要理解的一些概念: px 是英文单词pixel的缩写,意为像素,屏幕上的点.我们通常所说的分辨率如480X800就是指的像素. 在设计领域中,像素是用来计算数码影像的最小单位.计算机中显示的图像并非连续的线条组成,而是

浅谈设计原则和设计模式

文章结构: 1.前言 2.设计原则       3.设计模式 3.1 创建型模式 3.2 结构型模式 3.3 行为型模式 前言 设计原则和设计模式旨在帮助我们设计出一个可复用.可扩展.可维护的应用. 设计原则:设计OR重构系统的指导方针. 设计模式:解决某类问题性质有效的方法. 设计原则和设计模式要实现的目标是:在需求变动或者系统升级时,尽可能少的改变代码,尽可能多的实现新的功能. 设计原则是设计模式的"背后的故事",要深入理解设计模式必先深入理解设计原则. 设计原则 1.开闭原则(O

Android学习笔记:App屏幕适配相关

一谈到Android开发,就少不了拉扯到屏幕适配问题,为什么要屏幕适配?原因很简单,因为Android手机相关设备款式型号太多太多(据统计,2012年支持Android的设备共有3997种,2013年达到11868种,到2014年时高达18796种,现在会更多),不同的设置屏幕大小不同,如果我们用单一的方式去就对待所有的手机,那结果可想而知!所以我们需要针对不同设备做屏幕适配. 谈到尺寸,我们就要涉及到相关的概念: 1,屏幕尺寸:指设备屏幕对角线的长度,一般以英寸(inch)为单位, 2,屏幕分

Android:设计之屏幕适配

据统计目前市场Android手机的分辨率有是10余种,分辨率如此广泛使得我们在处理分辨率适应方便遇到不少难题,本文就此难点记录设计与实际布局中的解决技巧. 以320x480为蓝本设计布局 因为Android布局的时候一般用dp为单位,而我们设计的时候一般用px为单位,这涉及到单位转换问题,而在mdpi下,屏幕密度为160,px和dp是1:1关系,即1px =1dp(dpi/160), 所以为了更方便转换,在进行设计的时候,可以优先以mdpi,即320x480px为蓝本进行设计. 还有别忘了手机头

android浅谈WebView的使用

WebView是Android中一个非常实用的组件,它和Safai.Chrome一样都是基于Webkit网页渲染引擎,可以通过加载HTML数据的方式便捷地展现软件的界面.使用WebView开发软件有一下几个优点: 1.可以打开远程URL页面,也可以加载本地HTML数据: 2.可以无缝的在java和javascript之间进行交互操作: 3.高度的定制性,可根据开发者的需要进行多样性定制. 下面就通过例子来介绍一下WebView的使用方法. 我们先建一个webview项目,项目结构如左图: 在这个

[iOS、Unity、Android] 浅谈闭包的使用方法

前言 我们经常所编程语言的的进步速度是落后于硬件的发展速度的. 但是最近几年,闭包语法在各个语言中都有自己的体现形式,例如 • C语言中使用函数指针作为回调函数的入口: • Java和C#语言中的Lambda语法表达式; • Objective-C语言中的Blocks语法; • C#语言中的Delegates语法; • C++语言中的Functions对象; 历史 Peter J. Landin 在1964年将术语 闭包 定义为一种包含 环境成分 和 控制成分 的实体,用于在他的SECD 机器上

android 浅谈Aidl 通讯机制

服务端: 首先是编写一个aidl文件,注意AIDL只支持方法,不能定义静态成员,并且方法也不能有类似public等的修饰符:AIDL运行方法有任何类型的参数和返回值,在java的类型中,以下的类型使用时不需要导入包(import),基本数据类型.String.Map.List.当然为了避免出错,建议只要使用了,就导入包. 然后在服务端启动一个服务并注册,编写一个任意类实现AIDL文件生成的JAVA接口Stub! 最后在service里面实例化你的任意类并且在onBind(Intent a)方法上

[Android 泥水匠] Android基础 之一:浅谈Android架构到HelloWorld案

作者:泥沙砖瓦浆木匠 个人签名:打算起手不凡写出鸿篇巨作的人,往往坚持不了完成第一章节. 如果我的帮到了你,是否乐意捐助一下或请一杯啤酒也好呢?有你支持,干的更好~ 点这参与众筹 我的支付宝:13958686678 1.1前言 泥瓦匠又和大家见面了,在移动平台干过原生态开发,也干过hybrid应用.可以看看相关的文章 Android UI .所以多多少少在这块还是有点了解.现在很多高级语言可以开发app程序,包括Android,到我觉得目前Java语言开发Android程序还是很火,很重要的.自

[Android 泥水匠] Android基础 之一:浅谈Android架构到HelloWorld案例的剖析

作者:泥沙砖瓦浆木匠 网站:http://blog.csdn.net/jeffli1993 个人签名:打算起手不凡写出鸿篇巨作的人,往往坚持不了完成第一章节. 交流QQ群:[编程之美 365234583]http://qm.qq.com/cgi-bin/qm/qr?k=FhFAoaWwjP29_AonqzL0rpdQAjjqlHQQ 如果我的帮到了你,是否乐意捐助一下或请一杯啤酒也好呢?有你支持,干的更好~ 点这参与众筹 我的支付宝:13958686678 1.1前言 泥瓦匠又和大家见面了,在移