Android 个人理财工具一:项目概述与启动界面的实现
从本文开始为大家制作一个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 个人理财工具二:使用sqlite实现启动时初始化数据
以上就是开发简单的android 应用的流程,后续继续补充,谢谢大家的支持!