Android 浅谈设计与屏幕适配【1.6235449734285716】

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

http://www.umindex.com/

http://blog.csdn.net/xyz_lmn/article/details/38304427

http://www.zcool.com.cn/article/ZNjI3NDQ=.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

最后，放上几张图帮助理解：

于是得到：

http://pan.baidu.com/s/1ntmYRcX

通过主流机型来求平均值得到的倍数，用iOS设计长度除以

1.6235449734285716

即可

一般情况用dp，
字体大小用sp，
画线用px。

 得到的就是要写在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.6235449734285716dp</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">9dp</dimen>
    <dimen name="ios_20">12dp</dimen>
    <dimen name="ios_25">15dp</dimen>
    <dimen name="ios_30">18dp</dimen>
    <dimen name="ios_35">22dp</dimen>
    <dimen name="ios_40">25dp</dimen>
    <dimen name="ios_45">28dp</dimen>
    <dimen name="ios_50">31dp</dimen>
    <dimen name="ios_100">62dp</dimen>
    <dimen name="ios_120">74dp</dimen>
    <dimen name="ios_125">77dp</dimen>
    <dimen name="ios_140">86dp</dimen>
    <dimen name="ios_150">92dp</dimen>
    <dimen name="ios_200">123dp</dimen>
    <dimen name="ios_250">154dp</dimen>
    <dimen name="ios_300">185dp</dimen>

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

</resources>

 

import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collections;
import java.util.List;
  
public class ForScale {
    public static void main(String[] args) throws Exception {
        List<Double> samples = new ArrayList<Double>();

        samples.add(1.9);
        samples.add(1.733333333);
        samples.add(1.7);
        samples.add(1.633333333);
        samples.add(1.483333333);
        samples.add(1.42962963);
　　　　　samples.add(1.485185185);
        System.out.println((getSampleByMedianFilter(samples)));        // http://www.cnblogs.com/niray/p/4362643.html 中值滤波

        int size = samples.size();
        double total = 0;
        for (int i = 0; i < size; i++) {
            total += samples.get(i);
        }
        double bestDistance = total / size;
        System.out.println(bestDistance);
    }
 
[1.6092592589999999, 1.7166666665, 1.7166666665, 1.6666666664999998, 1.558333333, 1.4842592589999999, 1.4842592589999999]
1.6235449734285716
}

public static main(String[] args) throws exception{
             log(2);
        log(3);
        log(5);
        log(8);
        log(10);
        log(15);
        log(20);
        log(25);
        log(30);
        log(35);
        log(40);
        log(45);
        log(50);
        log(100);
        log(120);
        log(125);
        log(140);
        log(150);
        log(200);
        log(250);
        log(300);
        log(330);
        ((TextView) findViewById(R.id.tvshow)).setText(result);
    }

    String result = "result: ";

    void log(int s) {

        final float a = 1.6235449734285716f;
        int rs = Math.round((s / a));
        String str = s + "   __   " + rs + "
";
        Log.e("AVG", str);
        result += str;
    }

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

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