当前位置：移动技术网 > 移动技术>移动开发>Android > Android 个人理财工具一：项目概述与启动界面的实现

Android 个人理财工具一：项目概述与启动界面的实现

2019年07月24日 | 移动技术网移动技术 | 我要评论

从本文开始为大家制作一个android个人理财工具，并把整个开发过程记录下来，与大家分享。

项目总体介绍

此android个人理财工具的主要功能是，可以录入日常生活中的各类收入和支出明细，并且可以在每月底能够统计每月各类情况。给出收支关系饼图,月份之间的柱状图等报告。

下图是程序的流程图：

程序可能涉及到的技术：

1、多个视图的切换，参数的传递，intent的使用。

2、grid 明细的体现。

3、sqlite数据的操作。

4、自绘view 来表现统计图。

先写这些。

启动界面的实现

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

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

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

界面效果如图：

界面很简单，一个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>

在这儿我来使用一个小技巧，就是在程序初始化完成后，让图片淡出，然后显示下一个界面。

开始我准备使用一个timer来更新图片的alpha值，后来程序抛出异常only the original thread that created a view hierarchy can touch its views.

这才发现android 的ui 控件是线程安全的。

这里需要我们在主线程外，再开一个线程更新界面上的图片。可以使用imageview.invalidate。

关于如何另开一个线程更新界面的相关代码如下：

java代码

//给主线程发送消息更新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视图进行更新。

下篇文章我们来看看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 个人理财工具六：显示账单明细下

android 个人理财工具五：显示账单明细上

android 个人理财工具四：添加账单页面下

android 个人理财工具三：添加账单页面上

android 个人理财工具二：使用sqlite实现启动时初始化数据

android 个人理财工具一：项目概述与启动界面的实现

以上就是开发简单的android 应用的流程，后续继续补充，谢谢大家的支持！