Android开发实例之小人时钟.doc

Android开发实例之小人时钟
资深小弟@2012-5-10
【写在前面】
我开始关注Android也不过是大约一年前的事，可那时在安装开发环境时遇到重挫，怎么着也没安装成功，无奈之下只好作罢。今年五一放假在家抱着试一试的心态打算重拾Android，没想到开发环境安装得非常顺利，这一下子就点燃了我一年前的热情，于是趁热打铁，一边找来几本Android入门的电子书狂啃，一边照葫芦画瓢就开始了我的Android应用程序开发之旅。几番编码下来，算是摸着点门道了，碰巧公司有个同事是个安卓控，在网上看到一款小人时钟的网页程序（如下截图），觉得非常有意思，可是遍寻安卓市场，却没发现哪儿能够下载，遂鼓动我开发一个。可怎么说我也是刚开始踏上Android开发的漫漫征程，毕竟经验不足，然而初生牛犊不怕虎，说干就开干了。

小人时钟截图
说实话，这个实例对于那些Android大虾们来说，不值一提。这个实例与其说是写给像我一样的广大菜鸟们，倒不如说是写给岁月的一曲离歌---若干年后，就让我们在记忆的尘埃里去寻找那消逝但美丽的青春。
【开发进行时】
我的开发环境是HYPERLINK"http://www.eclipse.org/downloads/packages/eclipse-classic-372/indigosr2"EclipseClassic3.7.2+AndroidSDK2.3.3，具体安装过程在网上一搜一大堆，这儿就不多说了。
首先，打开Eclipse开发环境，新建一个工程，命名为”LittlePersonClock”。（Eclipse的使用，如怎么建立工程，添加文件等操作，也不在这儿介绍了）。
然后，将小人时钟的各个数字和“：”截图做成合适的大小（根据分辨率），如下图所示，分别命名为colon.png、n0.png……n9.png，在项目的res下新建一文件夹drawable，之后将这11张图片存放到这个drawable文件夹下面。

然后在main.xml布局文件中采用相对布局（RelativeLayout）方式，增加8个ImageView和一个Button，内容如下：
//以下是main.xml的内容
<?xmlversion="1.0"encoding="UTF-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:background="#FFFFFFFF">

<ImageView
android:id="@+id/iHourHigh"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/iHourLow"
android:layout_marginTop="100dip"
android:layout_marginLeft="10dip"
android:src="@drawable/n0">

</ImageView>

<ImageView
android:id="@+id/iHourLow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/tColonHM"
android:layout_marginLeft="1dip"
android:layout_marginTop="100dip"
android:layout_toRightOf="@id/iHourHigh"
android:src="@drawable/n1">

</ImageView>

<ImageView
android:id="@+id/tColonHM"
android:layout_marginTop="100dip"
android:src="@drawable/colon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/iHourLow"
android:layout_marginLeft="1dip"/>

<ImageVie