Android 实例-个人理财工具 之一 启动界面实现

启动界面的主要功能就是显示一幅启动图像,后台进行系统初始化.

如果是第一次使用本程序,需要初始化本程序的sqlite数据库,建库,建Table,初始化账目数据.

如果不是第一次使用,就进入登记收支记录界面.

界面效果如图:

界面很简单,一个imageview 和一个textview

可是如何是2个view 垂直居中显示,我开始使用linearlayout就没法完成垂直和横向居中.

后来使用RelativeLayout 才搞定了横向居中.

界面的具体xml如下:

main.xml

1. <? xml version = "1.0" encoding = "utf-8" ?>
3. < RelativeLayout android:id = "@+id/RelativeLayout01" xmlns:android = "http://schemas.android.com/apk/res/android"
4. android:layout_gravity = "center_vertical|center_horizontal"
5. android:layout_height = "wrap_content"
6. android:layout_width = "wrap_content" >
7. < ImageView android:id = "@+id/ImageView01"
8. android:src = "@drawable/logo3"
9. android:layout_width = "wrap_content"
10. android:layout_height = "wrap_content" >
11. </ ImageView >
12. < TextView android:id = "@+id/TextView01"
13. android:text = "@string/welcome"
14. android:layout_below = "@id/ImageView01"
15. android:layout_width = "wrap_content"
16. android:layout_height = "wrap_content" >
17. </ TextView >
18. </ 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();
9. }
10. };
13. new Thread( new Runnable() {
14. public void run() {
15. while (b < 2 ) {
16. try {
17. //延时2秒后,每50毫秒更新一次imageview
18. if (b == 0 ) {
19. Thread.sleep( 2000 );
20. b = 1 ;
21. } else {
22. Thread.sleep( 50 );
23. }
25. updateApp();
27. } catch (InterruptedException e) {
28. e.printStackTrace();
29. }
30. }
32. }
33. }).start();
36. public void updateApp() {
37. alpha -= 5 ; //每次减少alpha 5
39. if (alpha <= 0 ) {
40. b = 2 ;
41. Intent in = new Intent( this , com.cola.ui.Frm_Addbills. class );
42. startActivity(in); //启动下个界面
43. }
45. mHandler.sendMessage(mHandler.obtainMessage());
46. }

 

通过这段代码,我们能够理解android 里面如何对ui视图进行更新.

下篇文章我们来看看sqlite的使用.如何初始化程序.

关于handler,invalidate 的用法,

大家还可以参考这篇文章.http://www.blogjava.net/gooogle/archive/2008/03/05/184030.html

 

附ColaBox.java:

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