关于UI给的效果图在开发中的使用

        不积跬步无以至千里    

        以前开发偏于小幅度的改动,其实没正规的有UI效果图,最近UI给了效果图,自己也是大概看一下效果,却没有完全利用起来,现在记录一下UI效果图中自己能利用几个元素.

1.可以切换不同分辨率下的效果

如图

这里通过点击不同分辨率来查看不同设备中的效果,以及信息,其中信息怎么利用通过下边2中来使用.

2.根据图片点击提示的信息,去开发利用起来

在不同的分辨率下,其实UI图中通过点击就能看到每个控件的大小以及控件距离另一个控件的距离大小,所以都能看到当前控件显示的具体位置在每个分辨率下的占得像素多少,因此这里就可以通过标的像素大小来计算间隔等等

在1080上:

1dp = 3px

这里说一下:

当你做系统开发的时候你是偏向于能根据系统设置中的字体大小变化的就尽量用sp做计算单位,如果你是app应用开发人员就要偏向于dp,它更能对多个设备的兼容.

还有如下图中的信息:

咱们点击效果图中的某个图片就能看见这个图片在这里的位置:正好和咱们手机中的x,y轴相对应,以及大小:就是说的这个图片的分辨率这里咱们会根据这个选中给的图片资源放入开发目录中的不同分辨率下,透明度:通过这个设置当前布局或者窗口的透明度,以及这里的颜色:这里就是可以设置setColor方法

今天我就使用到了,使用的是Paint画笔的方法setColor,这里设置了这样:

Paint p = new Paint();
        Canvas c = new Canvas(blurredBitmap);
        p.setStyle(Paint.Style.FILL);
        p.setColor(0x66281f1d);

这里就说一下其中设置的0x66281f1d,今天听同事说才知道这几个值的意义就在这里记录一下:

这里其中前两位66代表的是透明度的值,28代表的是红色(RGB中的R-red),1f代表的是绿色(RGB中的G-green),1d代表的是蓝色(RGB中的B-blue).

其中说一下66这个透明度值怎么来的,它是由UI效果图中的给的不透明度,就是透明度为40%,用满值255*40% =102,这里102是十进制换算为16进制为66,因此这里为66.