共1 條記錄, 每頁顯示 10 條, 頁簽: [1]

標題：Android 實例

1樓

wangxinxin 發表于：2010-12-3 13:02:17

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就行不通了,我想

共1 條記錄, 每頁顯示 10 條, 頁簽: [1]