Android 实例-个人理财工具 之三 添加账单页面A

关键字:android sdk1.0 sqlite intent ExpandableListActivity SimpleCursorTreeAdapter cursor custom dialog

 

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

1. //首先要实现groupcursor就是父节点游标,这个其实就是我的acctitem表的
2. //select * from accitem where pid is null 的结果
3. Cursor groupCursor = billdb.getParentNode();
5.         // Cache the ID column index
6. mGroupIdColumnIndex = groupCursor.getColumnIndexOrThrow("_ID");
7.         // Set up our adapter
8. mAdapter = new MyExpandableListAdapter(groupCursor, this,       android.R.layout.simple_expandable_list_item_1,
9.     android.R.layout.simple_expandable_list_item_1,
10.         new String[] { "NAME" }, // Name for group layouts
11.         new int[] { android.R.id.text1 }, 
12.         new String[] { "NAME" }, //
13.         new int[] { android.R.id.text1 });
14. setListAdapter(mAdapter);
17. //然后我要实现childCursor 
18. //其实就是select * from acctitem where id=pid 的结果
20. public class MyExpandableListAdapter extends SimpleCursorTreeAdapter {
22. public MyExpandableListAdapter(Cursor cursor, Context context,
23.                 int groupLayout, int childLayout, String[] groupFrom,
24.                 int[] groupTo, String[] childrenFrom, int[] childrenTo)
25.  {
26.             super(context, cursor, groupLayout, groupFrom, groupTo,
27.                     childLayout, childrenFrom, childrenTo);
28.   }
30. protected Cursor getChildrenCursor(Cursor groupCursor) {
31.    String pid = groupCursor.getLong(mGroupIdColumnIndex) + "";
       // Log.v("cola","pid="+pid);
       return billdb.getChildenNode(pid);
32.   }
33. }
34. //我们看看Billdbhelper里面的cursor
35.    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");     
36.     }
37. 只要这几步一个2级的tree list就可以出现了.

上面其实才是刚开始,后面我们需要使用一个自定义的Dialog 类似于一个inputBox 因为我们新增账目是需要输入账目的名称.

就是上面图4表现的.

虽然alertDialog提供了很多方法,可以选择list,treelist,radio, 可惜就是不能录入text.

这里我参考了api demos 里面的 DateWidgets1.java 和源代码里面DatePickerDialog.java .

我们可以从alertdialog 继承.然后添加一个Editview 最后把数据返回出来.只要把上面我说的2个java看清楚了后处理起来就简单了.

主要是一个回调函数的用法.下面看代码

1. //
2. public class Dialog_edit extends AlertDialog implements OnClickListener {
3.     private String text = "";
4.     private EditText edit;
5.     private OnDateSetListener mCallback; //定义回调函数
7.     private LinearLayout layout;
9.     public interface OnDateSetListener {  //回调接口
11.         void onDateSet(String text);
12.     }
14.     protected Dialog_edit(Context context, String title, String value,
15.             OnDateSetListener Callback) {
16.         super(context);
17.         mCallback = Callback;
18.         TextView label = new TextView(context);
19.         label.setText("hint");
20.         // setView(label);
21.         edit = new EditText(context);
22.         edit.setText(value);
23.         layout = new LinearLayout(context);
24.         layout.setOrientation(LinearLayout.VERTICAL);
25.         // LinearLayout.LayoutParams param =
26.         // new LinearLayout.LayoutParams(100, 40);
27.         // layout.addView(label, param);
28.         LinearLayout.LayoutParams param2 = new LinearLayout.LayoutParams(200,
29.                 50);
30.         layout.addView(edit, param2);
31.        //添加edit
32.         setView(layout);
33.         setTitle(title);
34.         setButton("确定", this);
35.         setButton2("取消", (OnClickListener) null);
37.     }
39.     public void onClick(DialogInterface dialog, int which) {
40.         // Log.v("cola","U click which="+which);
41.         text = edit.getText().toString();
42.         Log.v("cola", "U click text=" + text);
43.         if (mCallback != null)
44.             mCallback.onDateSet(text);  //使用回调返回录入的数据
46.     }
48. }

这样我们就完成了自定义的dialog 我们可以使用它来新增和编辑账目. 对于账目的增删改就是sql的事情了

在这我又遇到一个问题就是我新增一个账目后如何来刷新界面,从而反映账目修改后的变化

在这我开始以为只要使用getExpandableListView().invalidate(); 就可以了,

因为我之前在ExpandableList1.java例子里面,使用它可以刷新界面.

在那个例子里面我修改了数组后调用该方法,界面就刷新了,而在这SimpleCursorTreeAdapter就行不通了,我想

应该只要刷新cursor应该就可以了,后来找到了notifyDataSetChanged 呵呵,果然可以了. 这样账目的录入和管理就搞定了.

 

下面给出目前最新的代码.

首先是账目管理

3. package com.cola.ui;
5. import android.app.AlertDialog;
6. import android.app.ExpandableListActivity;
7. import android.content.Context;
8. import android.content.DialogInterface;
9. import android.content.Intent;
10. import android.database.Cursor;
11. import android.os.Bundle;
12. import android.provider.Contacts.People;
13. import android.util.Log;
14. import android.view.ContextMenu;
15. import android.view.MenuItem;
16. import android.view.View;
17. import android.view.ContextMenu.ContextMenuInfo;
18. import android.widget.ExpandableListAdapter;
19. import android.widget.ExpandableListView;
20. import android.widget.SimpleCursorTreeAdapter;
21. import android.widget.TextView;
22. import android.widget.ExpandableListView.ExpandableListContextMenuInfo;
24. /**
25.  * Demonstrates expandable lists backed by Cursors
26.  */
27. public class Frm_Editacctitem extends ExpandableListActivity {
28.     private int mGroupIdColumnIndex;
30.     private String mPhoneNumberProjection[] = new String[] { People.Phones._ID,
31.             People.Phones.NUMBER };
33.     private ExpandableListAdapter mAdapter;
35.     BilldbHelper billdb;
37.     Dialog_edit newdialog;
38.     
39.     
42.     private ExpandableListContextMenuInfo info;
44.     
45.     
46.     @Override
47.     public void onCreate(Bundle savedInstanceState) {
48.         super.onCreate(savedInstanceState);
49.         setTitle("ColaBox-选择账目");
50.         billdb = new BilldbHelper(this);
52.         // Query for people
53.         Cursor groupCursor = billdb.getParentNode();
55.         // Cache the ID column index
56.         mGroupIdColumnIndex = groupCursor.getColumnIndexOrThrow("_ID");
57.         // Set up our adapter
58.         mAdapter = new MyExpandableListAdapter(groupCursor, this,
59.                 android.R.layout.simple_expandable_list_item_1,
60.                 android.R.layout.simple_expandable_list_item_1,
61.                 new String[] { "NAME" }, // Name for group layouts
62.                 new int[] { android.R.id.text1 }, new String[] { "NAME" }, //
63.                 new int[] { android.R.id.text1 });
64.         setListAdapter(mAdapter);
65.         registerForContextMenu(getExpandableListView());
67.     }
68.     
69.     @Override
70.     public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id)
71.     {
72.         Bundle bundle = new Bundle();
73.         bundle.putString("DataKey", ((TextView)v).getText().toString());//给bundle 写入数据
74.         Intent mIntent = new Intent();
75.         mIntent.putExtras(bundle);
76.         setResult(RESULT_OK, mIntent);
77.         billdb.close();
78.         finish(); 
80.         return true;    
81.     }
82.     @Override
83.     public void onCreateContextMenu(ContextMenu menu, View v,
84.             ContextMenuInfo menuInfo) {
85.         super.onCreateOptionsMenu(menu);
86.         if (ExpandableListView
87.                 .getPackedPositionType(((ExpandableListContextMenuInfo) menuInfo).packedPosition) == 1) {
88.             Log.v("cola", "run menu");
89.             menu.setHeaderTitle("菜单");
90.             menu.add(0, 1, 0, "新 增");
91.             menu.add(0, 2, 0, "删 除");
92.             menu.add(0, 3, 0, "编 辑");
93.         }
95.     }
97.     @Override
98.     public boolean onContextItemSelected(MenuItem item) {
99.         info = (ExpandableListContextMenuInfo) item.getMenuInfo();
101.         if (item.getItemId() == 1) {
102.             // Log.v("cola","id"+info.id);
103.             newdialog = new Dialog_edit(this, "请输入新增账目的名称", "",
104.                     mDialogClick_new);
105.             newdialog.show();
106.         } else if (item.getItemId() == 2) {
107.             new AlertDialog.Builder(this).setTitle("提示").setMessage("确定要删除'"+((TextView)info.targetView).getText().toString()+"'这个账目吗?")
108.                     .setIcon(R.drawable.quit).setPositiveButton("确定",
109.                             new DialogInterface.OnClickListener() {
110.                                 public void onClick(DialogInterface dialog,
111.                                         int whichButton) {
112.                                     billdb.Acctitem_delitem((int)info.id);
113.                                     updatedisplay();
114.                                 }
115.                             }).setNegativeButton("取消",
116.                             new DialogInterface.OnClickListener() {
117.                                 public void onClick(DialogInterface dialog,
118.                                         int whichButton) {
119.                                     // 取消按钮事件
120.                                 }
121.                             }).show();
123.         } else if (item.getItemId() == 3) {
124.             newdialog = new Dialog_edit(this, "请修改账目名称",
125.                     ((TextView) info.targetView).getText().toString(),
126.                     mDialogClick_edit);
127.             newdialog.show();
128.         }
130.         return false;
131.     }
133.     private Dialog_edit.OnDateSetListener mDialogClick_new = new Dialog_edit.OnDateSetListener() {
134.         public void onDateSet(String text) {
135.             Log.v("cola", "new acctitem");
136.             billdb.Acctitem_newitem(text,ExpandableListView.getPackedPositionGroup(info.packedPosition));
137.             updatedisplay();
138.         }
140.     };
141.     
142.     private Dialog_edit.OnDateSetListener mDialogClick_edit = new Dialog_edit.OnDateSetListener() {
143.         public void onDateSet(String text) {            
144.             billdb.Acctitem_edititem(text,(int)info.id);
145.             updatedisplay();
146.         }
148.     };
150.     private void updatedisplay(){
151.         Log.v("cola", "update display");
152.         ((MyExpandableListAdapter)mAdapter).notifyDataSetChanged();
154.     }
155.     
156.     public class MyExpandableListAdapter extends SimpleCursorTreeAdapter {
158.         public MyExpandableListAdapter(Cursor cursor, Context context,
159.                 int groupLayout, int childLayout, String[] groupFrom,
160.                 int[] groupTo, String[] childrenFrom, int[] childrenTo) {
161.             super(context, cursor, groupLayout, groupFrom, groupTo,
162.                     childLayout, childrenFrom, childrenTo);
163.         }
165.         @Override
166.         protected Cursor getChildrenCursor(Cursor groupCursor) {
168.             String pid = groupCursor.getLong(mGroupIdColumnIndex) + "";
169.             // Log.v("cola","pid="+pid);
170.             return billdb.getChildenNode(pid);
172.         }
174.         @Override
175.         public long getGroupId(int groupPosition) {
176.             // Log.v("cola", "getGroupId " + groupPosition);
177.             Cursor groupCursor = (Cursor) getGroup(groupPosition);
178.             return groupCursor.getLong(mGroupIdColumnIndex);
179.         }
181.         @Override
182.         public long getChildId(int groupPosition, int childPosition) {
183.             // Log.v("cola", "getChildId " + groupPosition + "," +
184.             // childPosition);
185.             Cursor childCursor = (Cursor) getChild(groupPosition, childPosition);
186.             return childCursor.getLong(0);
187.         }
189.     }
190. }

自定义对话框

2. package com.cola.ui;
4. import android.app.AlertDialog;
5. import android.content.Context;
6. import android.content.DialogInterface;
7. import android.content.DialogInterface.OnClickListener;
8. import android.util.Log;
9. import android.widget.EditText;
10. import android.widget.LinearLayout;
11. import android.widget.TextView;
14. public class Dialog_edit extends AlertDialog implements OnClickListener {
15.     private String text = "";
16.     private EditText edit;
17.     private OnDateSetListener mCallback;
19.     private LinearLayout layout;
21.     public interface OnDateSetListener {
23.         void onDateSet(String text);
24.     }
26.     protected Dialog_edit(Context context, String title, String value,
27.             OnDateSetListener Callback) {
28.         super(context);
29.         mCallback = Callback;
30.         TextView label = new TextView(context);
31.         label.setText("hint");
32.         // setView(label);
33.         edit = new EditText(context);
34.         edit.setText(value);
35.         layout = new LinearLayout(context);
36.         layout.setOrientation(LinearLayout.VERTICAL);
37.         // LinearLayout.LayoutParams param =
38.         // new LinearLayout.LayoutParams(100, 40);
39.         // layout.addView(label, param);
40.         LinearLayout.LayoutParams param2 = new LinearLayout.LayoutParams(200,
41.                 50);
42.         layout.addView(edit, param2);
43.         setView(layout);
44.         setTitle(title);
45.         setButton("确定", this);
46.         setButton2("取消", (OnClickListener) null);
48.     }
50.     public void onClick(DialogInterface dialog, int which) {
51.         // Log.v("cola","U click which="+which);
52.         text = edit.getText().toString();
53.         Log.v("cola", "U click text=" + text);
54.         if (mCallback != null)
55.             mCallback.onDateSet(text);
57.     }
59. }

数据库管理代码

1. package com.cola.ui;
3. import android.content.Context;
4. import android.database.Cursor;
5. import android.database.sqlite.SQLiteDatabase;
6. import android.util.Log;
8. /**
9.  * Provides access to a database of notes. Each note has a title, the note
10.  * itself, a creation date and a modified data.
11.  */
12. public class BilldbHelper {
14.     private static final String TAG = "Cola_BilldbHelper";
16.     private static final String DATABASE_NAME = "cola.db";
17.     
18.     SQLiteDatabase db;
19.     Context context;
20.     
21.     BilldbHelper(Context _context) {
22.         context=_context;
23.         db=context.openOrCreateDatabase(DATABASE_NAME, 0, null); 
24.         Log.v(TAG,"db path="+db.getPath());
25.     }
26.     
27.     public void CreateTable_acctitem() {
28.         try{
29.             db.execSQL("CREATE TABLE acctitem ("
30.                     + "_ID INTEGER PRIMARY KEY,"
31.                     + "PID integer,"
32.                     + "NAME TEXT"               
33.                     + ");");
34.             Log.v("cola","Create Table acctitem ok");
35.         }catch(Exception e){
36.             Log.v("cola","Create Table acctitem err,table exists.");
37.         }
38.     }
39.     
40.     public void CreateTable_bills() {
41.         try{
42.             db.execSQL("CREATE TABLE bills ("
43.                     + "_ID INTEGER PRIMARY KEY,"
44.                     +" acctitemid integer,"   
45.                     + "fee integer,"
46.                     + "userid integer,"
47.                     + "sdate TEXT,"
48.                     + "stime TEXT,"
49.                     + "desc TEXT"                
50.                     + ");");
51.             
52.             Log.v("cola","Create Table acctitem ok");
53.         }catch(Exception e){
54.             Log.v("cola","Create Table acctitem err,table exists.");
55.         }
56.     }
57.     
58.     public void CreateTable_colaconfig() {
59.         try{
60.             db.execSQL("CREATE TABLE colaconfig ("
61.                     + "_ID INTEGER PRIMARY KEY,"
62.                     + "NAME TEXT"            
63.                     + ");");
64.             Log.v("cola","Create Table colaconfig ok");
65.         }catch(Exception e){
66.             Log.v("cola","Create Table acctitem err,table exists.");
67.         }
68.     }
69.     
70.     public void InitAcctitem() {
71.         try{
72.           //s.getBytes(encoding);
73.           db.execSQL("insert into acctitem values (1,null,'收入')");
74.           db.execSQL("insert into acctitem values (2,1,'工资')");
75.           db.execSQL("insert into acctitem values (9998,1,'其他')");
76.           db.execSQL("insert into acctitem values (0,null,'支出')");
77.           db.execSQL("insert into acctitem values (3,0,'生活用品')");
78.           db.execSQL("insert into acctitem values (4,0,'水电煤气费')");
79.           db.execSQL("insert into acctitem values (5,0,'汽油费')");
80.           db.execSQL("insert into acctitem values (9999,0,'其他')");
81.           
82.           //db.execSQL("insert into bills values(100,135,10000,'','','备注')");
83.           Log.v("cola","insert into ok"); 
84.         }catch(Exception e)
85.         {
86.             Log.v("cola","init acctitem e="+e.getMessage());
87.         }
88.         
89.     }
90.     public void Acctitem_newitem(String text,int type){
91.         
92.         Cursor c =db.query("acctitem", new String[]{"max(_id)+1"}, "_id is not null and _id<9998", null, null, null, null);
93.         c.moveToFirst();
94.         int maxid=c.getInt(0);      
95.         String sql="insert into acctitem values ("+maxid+","+type+",'"+text+"')";
96.         db.execSQL(sql);
97.         Log.v("cola","newitem ok text="+text+" id="+type+" sql="+sql);
98.         
99.     }
100.     
101.     public void Acctitem_edititem(String text,int id){      
102.         db.execSQL("update acctitem set name='"+text+"' where _id="+id);
103.         Log.v("cola","edititem ok text="+text+" id="+id);
104.     }
105.     
106.     public void Acctitem_delitem(int id){
107.         
108.         db.execSQL("delete from acctitem where _id="+id);
109.         Log.v("cola","delitem ok id="+id);
110.     }
111.     
112.     public void QueryTable_acctitem(){
113.         
114.     }
115.     
116.     public void FirstStart(){
117.         try{
118.             String col[] = {"type", "name" };
119.             Cursor c =db.query("sqlite_master", col, "name='colaconfig'", null, null, null, null);
120.             int n=c.getCount();
121.             if (c.getCount()==0){
122.                 CreateTable_acctitem();
123.                 CreateTable_colaconfig();
124.                 CreateTable_bills();
125.                 InitAcctitem();         
126.             }           
127.             //getTree();            
128.             Log.v("cola","c.getCount="+n+"");
129.                     
130.             
131.         }catch(Exception e){
132.             Log.v("cola","e="+e.getMessage());
133.         }
134.         
135.         
136.     }
137.     
138.     
139.     public void close(){
140.         db.close();
141.     }
142.     
143.     public Cursor getParentNode(){
144.         return db.query("acctitem", new String[]{"_id", "name" }, "pid is null", null, null, null, "pid,_id");      
145.   
146.     }
147.     
148.     public Cursor getChildenNode(String pid){
149.         Log.v("cola","run getchildenNode");
150.         return db.query("acctitem", new String[]{"_id", "name" }, "pid="+pid, null, null, null, "_id");     
152.     }
153.    
154. }

 

这段代码搞了2个通宵.昨天晚上又被ubuntu 8.04和vmware 5.5 折腾死.我的周末就这样泡汤了.

##############################################

2008-11-23 01:43 湖北武汉

 

 

 

##############################################

备注:

      今天看了下android的dialog例子,发现android 带了可输入文字的dialog例子,呵呵,实际上和我自定义的方法就是类似的.

我之前还是demo看的太少了,也就不会走弯路了.

      具体可以看AlertDialogSamples.java