Happy Birthday

学到现在，我终于开发出一款 APP 了，好开心、好兴奋（感觉自己好假，你就当我是个假人吧），虽然这个 APP 很简单，只有一个页面，但是通过这次课程的学习，还是收获了很多的，视频所说的流程与逻辑分析是极好的。那么我们就来实现这个 APP 吧。

关于以上工具的安装网上的教程有很多，在这里就不过多的做介绍了，这里给大家推荐几个教程和下载地址吧。

AndroidDevTools：在这里关于 Android 的应有尽有
[Android Studio教程从入门到精通](http://www.open-
open.com/lib/view/open1433387390635.html)
黑科技发布帖… 教你如何安装 Android Studio
Win10 电脑 Java 环境配置教程分享

准备好一切之后，你就可以开开心心来开发 APP 了。

因本次的 APP 只有一个 UI 界面，也没有功能需要实现，只需要在手机 UI 页面展示而已，那么我们就快乐的来分析它的 UI 界面吧！

HappyBirthday.png

根据上图我们一眼可以分析得到

根据我们简单的分析得到该 UI 界面需要一个 ImageView 控件和两个 TextView 控件，那么我们现在所需要解决的事情就是如何把它们显示在 UI 界面上和控件所需要的属性问题。

脑中思考 ing：怎样把一个 ImageView 控件和两个 TextView 控件显示在 UI 界面上?

选择什么布局方式？
idea：根据前面的课程学习，我们知道控件是要放在 ViewGroup 中的，而我们学习过两种布局方式，一种是** LinearLayout（线性布局），还有一种是 RelativeLayout（相对布局），那我们到底该使用那种布局方式呢？根据上图信息可以得到，三个控件并不是按照单行或者单列来排序的，而是随便分布的，所以就可以去掉 LinearLayout ** 布局了，那么我们就选择 RelativeLayout 布局。
三个控件的属性选择？
idea：
ImageView 的属性：
首先先从网上下载一张图片，然后根据 RelativeLayout 布局特性：如果子控件在布局中没有选择位置属性，那么子控件就会按照顺序相互叠加。所以我就把 ImageView 放在第一个位置，因为图片是布满整个屏幕，并且相对于屏幕垂直水平居中，那么我就选择 ImageView 中的

android:layout_centerInParent="true"
android:scaleType="centerCrop"

这两个属性来达到效果。

两个 TextView 中的属性：
从图中可以看出两个 TextView 的颜色为 white，这样就能更好的在深色的背景中显示出来了，而文本的字体我选择是 sans-serif-ligh 这个字体，而大小我选择的是 36sp ,这些都是基本的属性选择，你可以根据自己的喜好来设计这些属性。
TextView 的属性我们基本已经选择完了，我们就来看两个 TextView 的位置吧，因为在 RelativeLayout 布局中控件默认出现在屏幕的左上方，所以我就不管显示 "Happy Birthday Ben" 的 TextView 了，而显示 "From vole !" 的 TextView 位于屏幕的右下方，那么就选择

android:layout_alignParentBottom="true"
 android:layout_alignParentEnd="true"

这两个属性就能完美解决位置问题了，为了让两个 TextView 显示的更好一点，我就给它们加了点边距，所以Talk is cheap. Show me the code

上面的代码就能实现原图的效果了（不要问我为什么知道，自己试试就知道了）。

虽然这次的学习只是一个简单的 UI 界面实现，但对于初学者还是极好的（遥想当年开发出第一个 APP 时候的心情），学习就该一步一步来。

                                                      混子型打野的混子日常