android应用开发-从设计到实现 3-6 静态原型的天气预报

Posted anddlecn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android应用开发-从设计到实现 3-6 静态原型的天气预报相关的知识,希望对你有一定的参考价值。

静态原型的天气预报

未来5天的天气预报,可以看成由5个类似的天气模块构成,只要完成一个,其他几个就可以通过复制+修改内容实现改变。

首先来明确一下各个组件的尺寸和参数,

  1. 整个区域的大小,我设定成360dp*100dp;
  2. 左右边距设置成16dp
  3. 这样一来,每日的天气模块就是(360-16-16)/ 5 = 65.6dp,我将它们设定成65dp宽;
  4. 天气的图标的大小设定成30dp的正方形区域(注意,这些图标不算是系统图标,所以它的尺寸不需要参考设计成24dp的系统图标);
  5. 日期的文字,参考Body 2的文字类型: