ColaBox 登记收支记录终于进入了复杂阶段了。这个界面我也是查找了很多资料以及打开android的源代码看了后才完成了,现在想来Google的开源真是明智的啊。
从前面的登录页面跳转进入添加账单页面。这个页面主要是用来登记收支记录的。说白了就是往数据库录入明细。
表结构如下:
db.execSQL("CREATE TABLE bills ("
+ "_ID INTEGER PRIMARY KEY," //id
+ "fee integer," //费用
+"acctitemid integer," //账目类型
+ "userid integer," //使用者
+ "sdate TEXT," //日期
+ "stime TEXT," //时间
+ "desc TEXT" //备注
+ ");");
可以看到主要是录入这些数据。首先是布置界面,我目前想到的用个tablelayout来布局。
最后布局就是如下图(图1)这样:
在这儿我首先需要设置账目,前面我们已经初始化过账目的数据。
账目应该是一个ExpandableListActivity 2层的结构。需要从数据库里面读取。我在账目后面放了一个editview 只读没有光标的,也就是在这儿不可录入,在该editview的onclick事件里面我们打开账目选择界面。如下图:
图2 账目选择:
在这个界面中点击子节点就返回前面界面,把选择的账目传递过去。在这有个问题,如果用户需要录入的账目没有怎么办?
所以我这没有用dialog方式而是用了ExpandableListActivity。在这个界面中如果长点某个子节点就弹出管理账目菜单,来维护账目,如下图所示:
图3 账目选择菜单:
图4 编辑账目:
上面这些流程说起来很简单,可是当我用andriod编写时,遇到了很多问题,不过一个个都被我解决了,这正是编程的快乐所在。
关于ExpandableListActivity 大家可以参考android 里面apidemos 里面ExpandableList1、ExpandableList2、ExpandableList3。
这里面对熟悉这个ui还是很有帮助的。在ExpandableList2 里面就是从数据库进行读取的例子。当然android里面那个我是没太看明白因为他引用了import android.provider.Contacts.People; 联系人部分的框架,而我目前对数据库的操作和他不一样,我都是直接sql访问。
但是你只要搞定2个cursor就ok了,Cursor groupCursor childCursor ,其他都由SimpleCursorTreeAdapter帮你实现了。
下面我们来看看如何使用SimpleCursorTreeAdapter。
- //首先要实现groupcursor就是父节点游标,这个其实就是我的acctitem表的
- //select * from accitem where pid is null 的结果
- Cursor groupCursor = billdb.getParentNode();
- // Cache the ID column index
- mGroupIdColumnIndex = groupCursor.getColumnIndexOrThrow("_ID");
- // Set up our adapter
- mAdapter = new MyExpandableListAdapter(groupCursor, this, android.R.layout.simple_expandable_list_item_1,
- android.R.layout.simple_expandable_list_item_1,
- new String[] { "NAME" }, // Name for group layouts
- new int[] { android.R.id.text1 },
- new String[] { "NAME" }, //
- new int[] { android.R.id.text1 });
- setListAdapter(mAdapter);
- //然后我要实现childCursor
- //其实就是select * from acctitem where id=pid 的结果
- public class MyExpandableListAdapter extends SimpleCursorTreeAdapter {
- public MyExpandableListAdapter(Cursor cursor, Context context,
- int groupLayout, int childLayout, String[] groupFrom,
- int[] groupTo, String[] childrenFrom, int[] childrenTo)
- {
- super(context, cursor, groupLayout, groupFrom, groupTo,
- childLayout, childrenFrom, childrenTo);
- }
- protected Cursor getChildrenCursor(Cursor groupCursor) {
- String pid = groupCursor.getLong(mGroupIdColumnIndex) + "";
- // Log.v("cola","pid="+pid);
- return billdb.getChildenNode(pid);
- }
- }
- //我们看看Billdbhelper里面的cursor
- public Cursor getParentNode(){
- return db.query("acctitem", new String[]{"_id", "name" }, "pid is null", null, null, null, "pid,_id");
- }
- public Cursor getChildenNode(String pid){
- Log.v("cola","run getchildenNode");
- return db.query("acctitem", new String[]{"_id", "name" }, "pid="+pid, null, null, null, "_id");
- }
- //只要这几步一个2级的tree list就可以出现了.
上面其实才是刚开始,后面我们需要使用一个自定义的Dialog 类似于一个inputBox,因为我们新增账目是需要输入账目的名称。就是上面图4表现的。
虽然alertDialog提供了很多方法,可以选择list、treelist、radio,可惜就是不能录入text。
这里我参考了api demos 里面的 DateWidgets1.java 和源代码里面DatePickerDialog.java 。
我们可以从alertdialog 继承,然后添加一个Editview 最后把数据返回出来。只要把上面我说的2个java看清楚了后处理起来就简单了。
主要是一个回调函数的用法。下面看代码:
- //
- public class Dialog_edit extends AlertDialog implements OnClickListener {
- private String text = "";
- private EditText edit;
- private OnDateSetListener mCallback; //定义回调函数
- private LinearLayout layout;
- public interface OnDateSetListener { //回调接口
- void onDateSet(String text);
- }
- protected Dialog_edit(Context context, String title, String value,
- OnDateSetListener Callback) {
- super(context);
- mCallback = Callback;
- TextView label = new TextView(context);
- label.setText("hint");
- // setView(label);
- edit = new EditText(context);
- edit.setText(value);
- layout = new LinearLayout(context);
- layout.setOrientation(LinearLayout.VERTICAL);
- // LinearLayout.LayoutParams param =
- // new LinearLayout.LayoutParams(100, 40);
- // layout.addView(label, param);
- LinearLayout.LayoutParams param2 = new LinearLayout.LayoutParams(200,
- 50);
- layout.addView(edit, param2);
- //添加edit
- setView(layout);
- setTitle(title);
- setButton("确定", this);
- setButton2("取消", (OnClickListener) null);
- }
- public void onClick(DialogInterface dialog, int which) {
- // Log.v("cola","U click which="+which);
- text = edit.getText().toString();
- Log.v("cola", "U click text=" + text);
- if (mCallback != null)
- mCallback.onDateSet(text); //使用回调返回录入的数据
- }
- }
这样我们就完成了自定义的dialog 我们可以使用它来新增和编辑账目。对于账目的增删改就是sql的事情了。
在这我又遇到一个问题就是我新增一个账目后如何来刷新界面,从而反映账目修改后的变化。
在这我开始以为只要使用getExpandableListView().invalidate(); 就可以了。
因为我之前在ExpandableList1.java例子里面,使用它可以刷新界面。
在那个例子里面我修改了数组后调用该方法,界面就刷新了,而在这SimpleCursorTreeAdapter就行不通了,我想
应该只要刷新cursor应该就可以了,后来找到了notifyDataSetChanged,呵呵,果然可以了。 这样账目的录入和管理就搞定了。
下面给出目前最新的代码。
首先是账目管理:
- package com.cola.ui;
- import android.app.AlertDialog;
- import android.app.ExpandableListActivity;
- import android.content.Context;
- import android.content.DialogInterface;
- import android.content.Intent;
- import android.database.Cursor;
- import android.os.Bundle;
- import android.provider.Contacts.People;
- import android.util.Log;
- import android.view.ContextMenu;
- import android.view.MenuItem;
- import android.view.View;
- import android.view.ContextMenu.ContextMenuInfo;
- import android.widget.ExpandableListAdapter;
- import android.widget.ExpandableListView;
- import android.widget.SimpleCursorTreeAdapter;
- import android.widget.TextView;
- import android.widget.ExpandableListView.ExpandableListContextMenuInfo;
- /**
- * Demonstrates expandable lists backed by Cursors
- */
- public class Frm_Editacctitem extends ExpandableListActivity {
- private int mGroupIdColumnIndex;
- private String mPhoneNumberProjection[] = new String[] { People.Phones._ID,
- People.Phones.NUMBER };
- private ExpandableListAdapter mAdapter;
- BilldbHelper billdb;
- Dialog_edit newdialog;
- private ExpandableListContextMenuInfo info;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setTitle("ColaBox-选择账目");
- billdb = new BilldbHelper(this);
- // Query for people
- Cursor groupCursor = billdb.getParentNode();
- // Cache the ID column index
- mGroupIdColumnIndex = groupCursor.getColumnIndexOrThrow("_ID");
- // Set up our adapter
- mAdapter = new MyExpandableListAdapter(groupCursor, this,
- android.R.layout.simple_expandable_list_item_1,
- android.R.layout.simple_expandable_list_item_1,
- new String[] { "NAME" }, // Name for group layouts
- new int[] { android.R.id.text1 }, new String[] { "NAME" }, //
- new int[] { android.R.id.text1 });
- setListAdapter(mAdapter);
- registerForContextMenu(getExpandableListView());
- }
- @Override
- public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id)
- {
- Bundle bundle = new Bundle();
- bundle.putString("DataKey", ((TextView)v).getText().toString());//给bundle 写入数据
- Intent mIntent = new Intent();
- mIntent.putExtras(bundle);
- setResult(RESULT_OK, mIntent);
- billdb.close();
- finish();
- return true;
- }
- @Override
- public void onCreateContextMenu(ContextMenu menu, View v,
- ContextMenuInfo menuInfo) {
- super.onCreateOptionsMenu(menu);
- if (ExpandableListView
- .getPackedPositionType(((ExpandableListContextMenuInfo) menuInfo).packedPosition) == 1) {
- Log.v("cola", "run menu");
- menu.setHeaderTitle("菜单");
- menu.add(0, 1, 0, "新 增");
- menu.add(0, 2, 0, "删 除");
- menu.add(0, 3, 0, "编 辑");
- }
- }
- @Override
- public boolean onContextItemSelected(MenuItem item) {
- info = (ExpandableListContextMenuInfo) item.getMenuInfo();
- if (item.getItemId() == 1) {
- // Log.v("cola","id"+info.id);
- newdialog = new Dialog_edit(this, "请输入新增账目的名称", "",
- mDialogClick_new);
- newdialog.show();
- } else if (item.getItemId() == 2) {
- new AlertDialog.Builder(this).setTitle("提示").setMessage("确定要删除'"+((TextView)info.targetView).getText().toString()+"'这个账目吗?")
- .setIcon(R.drawable.quit).setPositiveButton("确定",
- new DialogInterface.OnClickListener() {
- public void onClick(DialogInterface dialog,
- int whichButton) {
- billdb.Acctitem_delitem((int)info.id);
- updatedisplay();
- }
- }).setNegativeButton("取消",
- new DialogInterface.OnClickListener() {
- public void onClick(DialogInterface dialog,
- int whichButton) {
- // 取消按钮事件
- }
- }).show();
- } else if (item.getItemId() == 3) {
- newdialog = new Dialog_edit(this, "请修改账目名称",
- ((TextView) info.targetView).getText().toString(),
- mDialogClick_edit);
- newdialog.show();
- }
- return false;
- }
- private Dialog_edit.OnDateSetListener mDialogClick_new = new Dialog_edit.OnDateSetListener() {
- public void onDateSet(String text) {
- Log.v("cola", "new acctitem");
- billdb.Acctitem_newitem(text,ExpandableListView.getPackedPositionGroup(info.packedPosition));
- updatedisplay();
- }
- };
- private Dialog_edit.OnDateSetListener mDialogClick_edit = new Dialog_edit.OnDateSetListener() {
- public void onDateSet(String text) {
- billdb.Acctitem_edititem(text,(int)info.id);
- updatedisplay();
- }
- };
- private void updatedisplay(){
- Log.v("cola", "update display");
- ((MyExpandableListAdapter)mAdapter).notifyDataSetChanged();
- }
- public class MyExpandableListAdapter extends SimpleCursorTreeAdapter {
- public MyExpandableListAdapter(Cursor cursor, Context context,
- int groupLayout, int childLayout, String[] groupFrom,
- int[] groupTo, String[] childrenFrom, int[] childrenTo) {
- super(context, cursor, groupLayout, groupFrom, groupTo,
- childLayout, childrenFrom, childrenTo);
- }
- @Override
- protected Cursor getChildrenCursor(Cursor groupCursor) {
- String pid = groupCursor.getLong(mGroupIdColumnIndex) + "";
- // Log.v("cola","pid="+pid);
- return billdb.getChildenNode(pid);
- }
- @Override
- public long getGroupId(int groupPosition) {
- // Log.v("cola", "getGroupId " + groupPosition);
- Cursor groupCursor = (Cursor) getGroup(groupPosition);
- return groupCursor.getLong(mGroupIdColumnIndex);
- }
- @Override
- public long getChildId(int groupPosition, int childPosition) {
- // Log.v("cola", "getChildId " + groupPosition + "," +
- // childPosition);
- Cursor childCursor = (Cursor) getChild(groupPosition, childPosition);
- return childCursor.getLong(0);
- }
- }
- }
自定义对话框:
- package com.cola.ui;
- import android.app.AlertDialog;
- import android.content.Context;
- import android.content.DialogInterface;
- import android.content.DialogInterface.OnClickListener;
- import android.util.Log;
- import android.widget.EditText;
- import android.widget.LinearLayout;
- import android.widget.TextView;
- public class Dialog_edit extends AlertDialog implements OnClickListener {
- private String text = "";
- private EditText edit;
- private OnDateSetListener mCallback;
- private LinearLayout layout;
- public interface OnDateSetListener {
- void onDateSet(String text);
- }
- protected Dialog_edit(Context context, String title, String value,
- OnDateSetListener Callback) {
- super(context);
- mCallback = Callback;
- TextView label = new TextView(context);
- label.setText("hint");
- // setView(label);
- edit = new EditText(context);
- edit.setText(value);
- layout = new LinearLayout(context);
- layout.setOrientation(LinearLayout.VERTICAL);
- // LinearLayout.LayoutParams param =
- // new LinearLayout.LayoutParams(100, 40);
- // layout.addView(label, param);
- LinearLayout.LayoutParams param2 = new LinearLayout.LayoutParams(200,
- 50);
- layout.addView(edit, param2);
- setView(layout);
- setTitle(title);
- setButton("确定", this);
- setButton2("取消", (OnClickListener) null);
- }
- public void onClick(DialogInterface dialog, int which) {
- // Log.v("cola","U click which="+which);
- text = edit.getText().toString();
- Log.v("cola", "U click text=" + text);
- if (mCallback != null)
- mCallback.onDateSet(text);
- }
- }
数据库管理代码:
- package com.cola.ui;
- import android.content.Context;
- import android.database.Cursor;
- import android.database.sqlite.SQLiteDatabase;
- import android.util.Log;
- /**
- * Provides access to a database of notes. Each note has a title, the note
- * itself, a creation date and a modified data.
- */
- public class BilldbHelper {
- private static final String TAG = "Cola_BilldbHelper";
- private static final String DATABASE_NAME = "cola.db";
- SQLiteDatabase db;
- Context context;
- BilldbHelper(Context _context) {
- context=_context;
- db=context.openOrCreateDatabase(DATABASE_NAME, 0, null);
- Log.v(TAG,"db path="+db.getPath());
- }
- public void CreateTable_acctitem() {
- try{
- db.execSQL("CREATE TABLE acctitem ("
- + "_ID INTEGER PRIMARY KEY,"
- + "PID integer,"
- + "NAME TEXT"
- + ");");
- Log.v("cola","Create Table acctitem ok");
- }catch(Exception e){
- Log.v("cola","Create Table acctitem err,table exists.");
- }
- }
- public void CreateTable_bills() {
- try{
- db.execSQL("CREATE TABLE bills ("
- + "_ID INTEGER PRIMARY KEY,"
- +" acctitemid integer,"
- + "fee integer,"
- + "userid integer,"
- + "sdate TEXT,"
- + "stime TEXT,"
- + "desc TEXT"
- + ");");
- Log.v("cola","Create Table acctitem ok");
- }catch(Exception e){
- Log.v("cola","Create Table acctitem err,table exists.");
- }
- }
- public void CreateTable_colaconfig() {
- try{
- db.execSQL("CREATE TABLE colaconfig ("
- + "_ID INTEGER PRIMARY KEY,"
- + "NAME TEXT"
- + ");");
- Log.v("cola","Create Table colaconfig ok");
- }catch(Exception e){
- Log.v("cola","Create Table acctitem err,table exists.");
- }
- }
- public void InitAcctitem() {
- try{
- //s.getBytes(encoding);
- db.execSQL("insert into acctitem values (1,null,'收入')");
- db.execSQL("insert into acctitem values (2,1,'工资')");
- db.execSQL("insert into acctitem values (9998,1,'其他')");
- db.execSQL("insert into acctitem values (0,null,'支出')");
- db.execSQL("insert into acctitem values (3,0,'生活用品')");
- db.execSQL("insert into acctitem values (4,0,'水电煤气费')");
- db.execSQL("insert into acctitem values (5,0,'汽油费')");
- db.execSQL("insert into acctitem values (9999,0,'其他')");
- //db.execSQL("insert into bills values(100,135,10000,'','','备注')");
- Log.v("cola","insert into ok");
- }catch(Exception e)
- {
- Log.v("cola","init acctitem e="+e.getMessage());
- }
- }
- public void Acctitem_newitem(String text,int type){
- Cursor c =db.query("acctitem", new String[]{"max(_id)+1"}, "_id is not null and _id<9998", null, null, null, null);
- c.moveToFirst();
- int maxid=c.getInt(0);
- String sql="insert into acctitem values ("+maxid+","+type+",'"+text+"')";
- db.execSQL(sql);
- Log.v("cola","newitem ok text="+text+" id="+type+" sql="+sql);
- }
- public void Acctitem_edititem(String text,int id){
- db.execSQL("update acctitem set name='"+text+"' where _id="+id);
- Log.v("cola","edititem ok text="+text+" id="+id);
- }
- public void Acctitem_delitem(int id){
- db.execSQL("delete from acctitem where _id="+id);
- Log.v("cola","delitem ok id="+id);
- }
- public void QueryTable_acctitem(){
- }
- public void FirstStart(){
- try{
- String col[] = {"type", "name" };
- Cursor c =db.query("sqlite_master", col, "name='colaconfig'", null, null, null, null);
- int n=c.getCount();
- if (c.getCount()==0){
- CreateTable_acctitem();
- CreateTable_colaconfig();
- CreateTable_bills();
- InitAcctitem();
- }
- //getTree();
- Log.v("cola","c.getCount="+n+"");
- }catch(Exception e){
- Log.v("cola","e="+e.getMessage());
- }
- }
- public void close(){
- db.close();
- }
- public Cursor getParentNode(){
- return db.query("acctitem", new String[]{"_id", "name" }, "pid is null", null, null, null, "pid,_id");
- }
- public Cursor getChildenNode(String pid){
- Log.v("cola","run getchildenNode");
- return db.query("acctitem", new String[]{"_id", "name" }, "pid="+pid, null, null, null, "_id");
- }
- }
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。