Android 计算器解析(三): 美化计算器界面

转载请注明出处： http://blog.csdn.net/like_program/article/details/51925765

上一篇博客，我们写的计算器已经有计算功能了，但是界面并不美观，这一篇博客，我将讲解 如何美化界面 。

在前面的博客中，由于我们的计算器的操作界面（GridView）用的是 Androd 自带的子项布局，而自带的子项布局是 textview，所以只能简单的显示文字，而且文字的大小，背景颜色等等，都无法修改。在这篇博客中，我们将使用自定义的子项布局，替换之前的 Android 自带的子项布局。

为了自定义布局，我们先来添加下自定义布局需要的颜色和尺寸，在 app / src / main / res / values 目录下的 colors.xml 文件和 dimens.xml 中，添加如下代码：
colors.xml 代码如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="colorBlue">#729FFA</color>
    <color name="colorGrayDark">#807877</color>
    <color name="colorGrayLight">#B7A4A1</color>
    <color name="colorOrange">#FA8072</color>
    <color name="colorOrangeDark">#DA6052</color>
    <color name="colorSalmon">#FFA07B</color>
    <color name="colorSalmonDark">#D18263</color>
    <color name="colorWhite">#FFFFFF</color>
    <color name="colorGray">#9A614D</color>
    <color name="colorBackground">#F5D3C7</color>
    <color name="colorBlackBlue">#4B0082</color>
</resources>

dimens.xml 代码如下：

<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->