快捷導(dǎo)航

Android 個人理財(cái)工具一：項(xiàng)目概述與啟動界面的實(shí)現(xiàn)

更新時間：2016年08月30日 09:36:16 投稿：lqh

本文主要介紹Android 開發(fā)個人理財(cái)工具項(xiàng)目概述與啟動界面的實(shí)現(xiàn),這里主要對實(shí)現(xiàn)項(xiàng)目的流程做了詳細(xì)概述，并對啟動界面簡單實(shí)現(xiàn)，有需要的小伙伴可以參考下

從本文開始為大家制作一個Android個人理財(cái)工具，并把整個開發(fā)過程記錄下來，與大家分享。

項(xiàng)目總體介紹

此Android個人理財(cái)工具的主要功能是，可以錄入日常生活中的各類收入和支出明細(xì)，并且可以在每月底能夠統(tǒng)計(jì)每月各類情況。給出收支關(guān)系餅圖,月份之間的柱狀圖等報(bào)告。

下圖是程序的流程圖：

程序可能涉及到的技術(shù)：

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

2、Grid 明細(xì)的體現(xiàn)。

3、sqlite數(shù)據(jù)的操作。

4、自繪view 來表現(xiàn)統(tǒng)計(jì)圖。

先寫這些。

啟動界面的實(shí)現(xiàn)

啟動界面的主要功能就是顯示一幅啟動圖像，后臺進(jìn)行系統(tǒng)初始化。

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

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

界面效果如圖：

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

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

界面的具體xml如下：

main.xml

XML/HTML代碼

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout android:id="@+id/RelativeLayout01" xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_gravity="center_vertical|center_horizontal" 
android:layout_height="wrap_content" 
android:layout_width="wrap_content"> 
<ImageView android:id="@+id/ImageView01" 
android:src="@drawable/logo3" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"> 
</ImageView> 
<TextView android:id="@+id/TextView01" 
android:text="@string/welcome" 
android:layout_below="@id/ImageView01" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"> 
</TextView> 
</RelativeLayout>

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

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

這才發(fā)現(xiàn)android 的ui 控件是線程安全的。

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

關(guān)于如何另開一個線程更新界面的相關(guān)代碼如下：

Java代碼

//給主線程發(fā)送消息更新imageview 
mHandler = new Handler() { 
@Override 
public void handleMessage(Message msg) { 
super.handleMessage(msg); 
imageview.setAlpha(alpha); 
imageview.invalidate(); 
} 
}; 
new Thread(new Runnable() { 
public void run() { 
while (b < 2) { 
try { 
//延時2秒后,每50毫秒更新一次imageview 
if (b == 0) { 
Thread.sleep(2000); 
b = 1; 
} else { 
Thread.sleep(50); 
} 
updateApp(); 
} catch (InterruptedException e) { 
e.printStackTrace(); 
} 
} 
} 
}).start(); 
public void updateApp() { 
alpha -= 5;//每次減少alpha 5 
if (alpha <= 0) { 
b = 2; 
Intent in = new Intent(this, com.cola.ui.Frm_Addbills.class); 
startActivity(in);//啟動下個界面 
} 
mHandler.sendMessage(mHandler.obtainMessage()); 
}

通過這段代碼，我們能夠理解android 里面如何對ui視圖進(jìn)行更新。

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

附ColaBox.java:

Java代碼

package com.cola.ui; 
import android.app.Activity; 
import android.content.Intent; 
import android.os.Bundle; 
import android.os.Handler; 
import android.os.Message; 
import android.util.Log; 
import android.view.KeyEvent; 
import android.widget.ImageView; 
import android.widget.TextView; 
public class ColaBox extends Activity { 
 private Handler mHandler = new Handler(); 
 ImageView imageview; 
 TextView textview; 
 int alpha = 255; 
 int b = 0; 
 public void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.main); 
 imageview = (ImageView) this.findViewById(R.id.ImageView01); 
 textview = (TextView) this.findViewById(R.id.TextView01); 
 Log.v("ColaBox", "ColaBox start ..."); 
 imageview.setAlpha(alpha); 
 new Thread(new Runnable() { 
 public void run() { 
 initApp(); //初始化程序 
  
 while (b < 2) { 
  try { 
  if (b == 0) { 
  Thread.sleep(2000); 
  b = 1; 
  } else { 
  Thread.sleep(50); 
  } 
  updateApp(); 
  } catch (InterruptedException e) { 
  e.printStackTrace(); 
  } 
 } 
 } 
 }).start(); 
 mHandler = new Handler() { 
 @Override 
 public void handleMessage(Message msg) { 
 super.handleMessage(msg); 
 imageview.setAlpha(alpha); 
 imageview.invalidate(); 
 } 
 }; 
 } 
 public void updateApp() { 
 alpha -= 5; 
 if (alpha <= 0) { 
 b = 2; 
 Intent in = new Intent(this, com.cola.ui.Frm_Addbills.class); 
 startActivity(in); 
 } 
 mHandler.sendMessage(mHandler.obtainMessage()); 
 } 
 
 public void initApp(){ 
 
 } 
}

系列文章：

Android 個人理財(cái)工具六：顯示賬單明細(xì) 下

Android 個人理財(cái)工具五：顯示賬單明細(xì) 上

Android 個人理財(cái)工具四：添加賬單頁面下

Android 個人理財(cái)工具三：添加賬單頁面上

Android 個人理財(cái)工具二：使用SQLite實(shí)現(xiàn)啟動時初始化數(shù)據(jù)

Android 個人理財(cái)工具一：項(xiàng)目概述與啟動界面的實(shí)現(xiàn)

以上就是開發(fā)簡單的Android 應(yīng)用的流程，后續(xù)繼續(xù)補(bǔ)充，謝謝大家的支持！

您可能感興趣的文章: