- 曙海教育集团论坛 (http://sun4.cn/bbs/index.asp)
-- Android应用开发 (http://sun4.cn/bbs/list.asp?boardid=45)
---- Android 实例 (http://sun4.cn/bbs/dispbbs.asp?boardid=45&id=2043)
-- 发布时间：2010-12-3 13:02:17
-- Android 实例
ColaBox 登记收支记录终于进入了复杂阶段了.这个界面我也是查找了很多资料以及打开android的源代码看了后才完成了,现在想来Google的开源真是明智的啊. gn7pIoN
f\'*HP%+Y
从前面的登录页面跳转进入添加账单页面.这个页面主要是用来登记收支记录的. R0 {+Xd
说白了就是往数据库录入明细. n0nkv[
w Xfy,W
表结构就是db.execSQL("CREATE TABLE bills (" Onby=Y o6
"_ID INTEGER PRIMARY KEY," //id t4 h5R
"fee integer," //费用 ,NKDEcw]
"acctitemid integer," //账目类型 h?fv :^vSi
"userid integer," //使用者 r\'s4 -\\
"sdate TEXT," //日期 Bglh}_X
"stime TEXT," //时间 M {_`X
"desc TEXT" //备注 #W\'jNX,h
");"); $UgM7V$
Q_qc_IcM y
可以看到主要是录入这些数据.首先是布置界面,我目前想到的用个tablelayout来布局 !2$O^ }6"
最后布局就是如下图这样 Z Oyq{w!2
#*1\\h=bzmW
图1 gfFP-J3cN
rW&8#& gNo.&G [
/t(dhz&xN
b-;+&Rb
在这儿我首先需要设置账目,前面我们已经初始化过账目的数据. 8 U B?X
账目应该是一个ExpandableListActivity 2层的结构.需要从数据库里面读取.我在账目后面放了一个editview 只读没有光标的.也就是在这儿不可录入,在该editview的onclick事件里面我们打开账目选择界面.如下图 tHJ#2X#Y.
=k 2In_
图2 账目选择 0\' @^PzX
( B}+uI{
k"LbB#Q ZYos. ay
I;S[Ft8d
在这个界面中点击子节点就返回前面界面,把选择的账目传递过去.在这有个问题,如果用户需要录入的账目没有怎么办? ik=~`3Zp0
所以我这没有用dialog方式而是用了ExpandableListActivity在这个界面中如果长点某个子节点就弹出管理账目菜单, \\`- /\\N
来维护账目,如下图所示: OQ;DqV
图3账目选择菜单示意 图4 编辑账目 ^z-e"
`7zz&f9dDX
,a9<\\bd) HF" v \\
C\\Qor3]; -9Wx;u4]o
kz\\ D-b
上面这些流程说起来很简单,可是当我用andriod编写时,遇到了很多问题,不过一个个都被我解决了,这正是编程的快乐所在. `VCU`Y
关于ExpandableListActivity 大家可以参考android 里面apidemos 里面ExpandableList1,ExpandableList2,ExpandableList3 =/&ob%J)9]
这里面对熟悉这个ui还是很有帮助的. 在ExpandableList2 里面就是从数据库进行读取的例子. 当然android里面那个我是没太 ER~ m &JI
看明白因为他引用了import android.provider.Contacts.People; 联系人部分的框架,而我目前对数据库的操作和他不一样,我都是直接 R ,-y
sql访问. Y O;N9wu3f
但是你只要搞定2个cursor就ok了. Cursor groupCursor childCursor 其他都由SimpleCursorTreeAdapter帮你实现了. .<} (J#vC
下面我们来看看如何使用SimpleCursorTreeAdapter t33/QW r
//首先要实现groupcursor就是父节点游标,这个其实就是我的acctitem表的 ?W-J2tgss{
//select * from accitem where pid is null 的结果 0 {#c
Cursor groupCursor = billdb.getParentNode(); >MZWm6M8
// Cache the ID column index ":E fR`A#
mGroupIdColumnIndex = groupCursor.getColumnIndexOrThrow("_ID"); m,NUNd#)\\
// Set up our adapter 0j\\?zt?
mAdapter = new MyExpandableListAdapter(groupCursor, this, android.R.layout.simple_expandable_list_item_1, (~}IoQp>
android.R.layout.simple_expandable_list_item_1, ] 4wyuP,up
new String[] { "NAME" }, // Name for group layouts zBD ?O!
new int[] { android.R.id.text1 }, 8wz% e(
new String[] { "NAME" }, // Lsa&A+fru
new int[] { android.R.id.text1 }); Nr)v!z~y
setListAdapter(mAdapter); spter35b[
rUvjc4O}
//然后我要实现childCursor 1M+o7HO.mG
//其实就是select * from acctitem where id=pid 的结果 Wm>[5h%>
public class MyExpandableListAdapter extends SimpleCursorTreeAdapter { <y#-I%ed
public MyExpandableListAdapter(Cursor cursor, Context context, 1xN6V-qk
int groupLayout, int childLayout, String[] groupFrom, Pf&\\2_H3s9
int[] groupTo, String[] childrenFrom, int[] childrenTo) j9"uxw@
{ A;~lG3j4
super(context, cursor, groupLayout, groupFrom, groupTo, c\\"t+/Z
childLayout, childrenFrom, childrenTo); +vOlA#t%Z
} b[&A,ZPh$@
protected Cursor getChildrenCursor(Cursor groupCursor) { m(MPVY<X
String pid = groupCursor.getLong(mGroupIdColumnIndex) ""; $="t7C9S
// Log.v("cola","pid=" pid); ~aKM+KmtPH
return billdb.getChildenNode(pid); /5 cFa
} 9G njJ
} R@*mMWW,
//我们看看Billdbhelper里面的cursor _dQVundH
public Cursor getParentNode(){ QwF\\s13
return db.query("acctitem", new String[]{"_id", "name" }, "pid is null", null, null, null, "pid,_id"); ;. jnRPo";
Md!L@gX6<
} ,3 !D(&
xd[GJ;xvs
public Cursor getChildenNode(String pid){ 61 qs`N=k
Log.v("cola","run getchildenNode"); KDx~ ^OO
return db.query("acctitem", new String[]{"_id", "name" }, "pid=" pid, null, null, null, "_id"); +{b!,D3sa*
} S Vr3OyzI
只要这几步一个2级的tree list就可以出现了. >j5,Z]
上面其实才是刚开始,后面我们需要使用一个自定义的Dialog 类似于一个inputBox 因为我们新增账目是需要输入账目的名称. \\BIa:}9O
就是上面图4表现的. e_eNtVq
虽然alertDialog提供了很多方法,可以选择list,treelist,radio, 可惜就是不能录入text. aT9+] Ig
这里我参考了api demos 里面的 DateWidgets1.java 和源代码里面DatePickerDialog.java . KyQO>g{R
我们可以从alertdialog 继承.然后添加一个Editview 最后把数据返回出来.只要把上面我说的2个java看清楚了后处理起来就简单了. [73 \\jT
主要是一个回调函数的用法.下面看代码 B=0U^wL
// <F>^ffwGH-
public class Dialog_edit extends AlertDialog implements OnClickListener { nRP|Qt7>
private String text = ""; *=sMJY9#jE
private EditText edit; 6Kl%|VrJs
private OnDateSetListener mCallback; //定义回调函数 cst}/8e
private LinearLayout layout; -<g&U*/E
public interface OnDateSetListener {//回调接口 9.:]eL
void onDateSet(String text); 3/aK#TjK
} >,Z[IAU.x5
protected Dialog_edit(Context context, String title, String value, Ipp#{\'Do
OnDateSetListener Callback) { Qkvg 85
super(context); xJ$/#UdP
mCallback = Callback; <:n !qQS6
TextView label = new TextView(context); { R`"Nk
label.setText("hint"); F I(iqSJ6
// setView(label); wHR# - g\'
edit = new EditText(context); > u!# 4
edit.setText(value); 0| }]=XN^
layout = new LinearLayout(context); Gp9:#L!
layout.setOrientation(LinearLayout.VERTICAL); \\C}_l+nY
// LinearLayout.LayoutParams param = [S_qi,
// new LinearLayout.LayoutParams(100, 40); k d 9<&.y{
// layout.addView(label, param); \'* eeup
LinearLayout.LayoutParams param2 = new LinearLayout.LayoutParams(200, y,xJ5BI$
50); ]ft}fU5C1
layout.addView(edit, param2); .Y5o&at6s
//添加edit !dV2:` |+
setView(layout); ".7\\>8A#a
setTitle(title); 6qd?&.=r
setButton("确定", this); P47 x-;
setButton2("取消", (OnClickListener) null); /^sk y!
} a7}O.NDf
public void onClick(DialogInterface dialog, int which) { uq vS
// Log.v("cola","U click which=" which); 2&zklXuo:
text = edit.getText().toString(); -sxu7 I
Log.v("cola", "U click text=" text); hr W2#v
if (mCallback != null) abw5Gz@Ag
mCallback.onDateSet(text);//使用回调返回录入的数据 @~bP|a
} SQJ +C%
} ^/I.? : +
这样我们就完成了自定义的dialog 我们可以使用它来新增和编辑账目. 对于账目的增删改就是sql的事情了 LKBh{X0%(
在这我又遇到一个问题就是我新增一个账目后如何来刷新界面,从而反映账目修改后的变化 S1 #5oy2
在这我开始以为只要使用getExpandableListView().invalidate(); 就可以了, =E62N7_`=
因为我之前在ExpandableList1.java例子里面,使用它可以刷新界面. tgj 5l#P
在那个例子里面我修改了数组后调用该方法,界面就刷新了,而在这SimpleCursorTreeAdapter就行不通了,我想 *D67&/g.