主题新回顾(发布时间:2010-12-3 13:02:17) |
---|
-- 作者:wangxinxin
-- 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); /5cFa } 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){ 61qs`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* } SVr3OyzI 只要这几步一个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"); FI(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 d9<&.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) { uqvS // Log.v("cola","U click which=" which); 2&zklXuo: text = edit.getText().toString(); -sxu7I 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. |