Android個人理財工具實例之一：項目概述與啟動界面的實現

       從本文開始為大家制作一個Android個人理財工具，並把整個開發過程記錄下來，與大家分享。

       項目總體介紹

       此Android個人理財工具的主要功能是，可以錄入日常生活中的各類收入和支出明細，並且可以在每月底能夠統計每月各類情況。給出收支關系餅圖,月份之間的柱狀圖等報告。

       下圖是程序的流程圖：

       程序可能涉及到的技術：

       1、多個視圖的切換，參數的傳遞，intent的使用。

       2、Grid 明細的體現。

       3、sqlite數據的操作。

       4、自繪view 來表現統計圖。

       先寫這些。

       啟動界面的實現

       啟動界面的主要功能就是顯示一幅啟動圖像，後台進行系統初始化。

       如果是第一次使用本程序，需要初始化本程序的sqlite數據庫，建庫，建Table，初始化賬目數據。

       如果不是第一次使用，就進入登記收支記錄界面。

       界面效果如圖：

       界面很簡單，一個imageview 和一個textview。

       可是如何使2個view 垂直居中顯示？我開始使用Linearlayout就沒法完成垂直和橫向居中，後來使用RelativeLayout 才搞定了橫向居中。

       界面的具體xml如下：

       main.xml

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout android:id="@+id/RelativeLayout01" xmlns:android="http://schemas.android.com/apk/res/android"  
3. android:layout_gravity="center_vertical|center_horizontal"  
4. android:layout_height="wrap_content"  
5. android:layout_width="wrap_content">  
6. <ImageView android:id="@+id/ImageView01"  
7. android:src="@drawable/logo3"  
8. android:layout_width="wrap_content"  
9. android:layout_height="wrap_content">  
10. </ImageView>  
11. <TextView android:id="@+id/TextView01"  
12. android:text="@string/welcome"  
13. android:layout_below="@id/ImageView01"  
14. android:layout_width="wrap_content"  
15. android:layout_height="wrap_content">  
16. </TextView>  
17. </RelativeLayout>  

       在這兒我來使用一個小技巧，就是在程序初始化完成後，讓圖片淡出，然後顯示下一個界面。

       開始我准備使用一個timer來更新圖片的alpha值，後來程序拋出異常Only the original thread that created a view hierarchy can touch its views.

       這才發現android 的ui 控件是線程安全的。

       這裡需要我們在主線程外，再開一個線程更新界面上的圖片。可以使用imageview.invalidate。

       關於如何另開一個線程更新界面的相關代碼如下：

1. //給主線程發送消息更新imageview   
2. mHandler = new Handler() {   
3. @Override  
4. public void handleMessage(Message msg) {   
5. super.handleMessage(msg);   
6. imageview.setAlpha(alpha);   
7. imageview.invalidate();   
8. }   
9. };   
10. new Thread(new Runnable() {   
11. public void run() {   
12. while (b < 2) {   
13. try {   
14. //延時2秒後,每50毫秒更新一次imageview   
15. if (b == 0) {   
16. Thread.sleep(2000);   
17. b = 1;   
18. } else {   
19. Thread.sleep(50);   
20. }   
21. updateApp();   
22. } catch (InterruptedException e) {   
23. e.printStackTrace();   
24. }   
25. }   
26. }   
27. }).start();   
28. public void updateApp() {   
29. alpha -= 5;//每次減少alpha 5   
30. if (alpha <= 0) {   
31. b = 2;   
32. Intent in = new Intent(this, com.cola.ui.Frm_Addbills.class);   
33. startActivity(in);//啟動下個界面   
34. }   
35. mHandler.sendMessage(mHandler.obtainMessage());   
36. }  

       通過這段代碼，我們能夠理解android 裡面如何對ui視圖進行更新。

       下篇文章我們來看看sqlite的使用。如何初始化程序。

       附ColaBox.java:

1. package com.cola.ui;   
2. import android.app.Activity;   
3. import android.content.Intent;   
4. import android.os.Bundle;   
5. import android.os.Handler;   
6. import android.os.Message;   
7. import android.util.Log;   
8. import android.view.KeyEvent;   
9. import android.widget.ImageView;   
10. import android.widget.TextView;   
11. public class ColaBox extends Activity {   
12.     private Handler mHandler = new Handler();   
13.     ImageView imageview;   
14.     TextView textview;   
15.     int alpha = 255;   
16.     int b = 0;   
17.     public void onCreate(Bundle savedInstanceState) {   
18.         super.onCreate(savedInstanceState);   
19.         setContentView(R.layout.main);   
20.         imageview = (ImageView) this.findViewById(R.id.ImageView01);   
21.         textview = (TextView) this.findViewById(R.id.TextView01);   
22.         Log.v("ColaBox", "ColaBox start ...");   
23.         imageview.setAlpha(alpha);   
24.         new Thread(new Runnable() {   
25.             public void run() {   
26.                 initApp(); //初始化程序   
27.                    
28.                 while (b < 2) {   
29.                     try {   
30.                         if (b == 0) {   
31.                             Thread.sleep(2000);   
32.                             b = 1;   
33.                         } else {   
34.                             Thread.sleep(50);   
35.                         }   
36.                         updateApp();   
37.                     } catch (InterruptedException e) {   
38.                         e.printStackTrace();   
39.                     }   
40.                 }   
41.             }   
42.         }).start();   
43.         mHandler = new Handler() {   
44.             @Override  
45.             public void handleMessage(Message msg) {   
46.                 super.handleMessage(msg);   
47.                 imageview.setAlpha(alpha);   
48.                 imageview.invalidate();   
49.             }   
50.         };   
51.     }   
52.     public void updateApp() {   
53.         alpha -= 5;   
54.         if (alpha <= 0) {   
55.             b = 2;   
56.             Intent in = new Intent(this, com.cola.ui.Frm_Addbills.class);   
57.             startActivity(in);   
58.         }   
59.         mHandler.sendMessage(mHandler.obtainMessage());   
60.     }   
61.        
62.     public void initApp(){   
63.            
64.     }   
65. }