SQLite数据库---ListView控件之商品展示案例

转自：http://blog.csdn.net/winnie_hu/article/details/70254380?locationNum=10&fps=1

运用ListView控件在界面上操作数据库。开发一个购物车，需要将购物车中的商品以陈列的形式展示，并且还需要对购物车的商品进行增删改查操作。要实现这些功能就需要使用ListView和SQLite数据库。接下来通过一个“商品展示”案例实现在界面上的操作数据库。具体步骤如下：

1.创建程序

首先创建程序，修改包名，设计用户交互界面。此程序对应的布局文件（activity_main.xml）如下所示：

[html]  view plain  copy

1. <span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:app="http://schemas.android.com/apk/res-auto"  
4.     xmlns:tools="http://schemas.android.com/tools"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent"  
7.     android:layout_margin="8dp"  
8.     android:orientation="vertical"  
9.     tools:context=".MainActivity" >  
10.   
11.     <LinearLayout  
12.         android:id="@+id/addLL"  
13.         android:layout_width="match_parent"  
14.         android:layout_height="wrap_content"  
15.         android:orientation="horizontal" >  
16.   
17.         <EditText  
18.             android:id="@+id/nameET"  
19.             android:layout_width="0dp"  
20.             android:layout_height="wrap_content"  
21.             android:layout_weight="1"  
22.             android:hint="商品名称"  
23.             android:inputType="textPersonName" />  
24.   
25.         <EditText  
26.             android:id="@+id/balanceET"  
27.             android:layout_width="0dp"  
28.             android:layout_height="wrap_content"  
29.             android:layout_weight="1"  
30.             android:hint="金额"  
31.             android:inputType="number" />  
32.   
33.         <ImageView  
34.             android:id="@+id/addIV"  
35.             android:layout_width="wrap_content"  
36.             android:layout_height="wrap_content"  
37.             android:onClick="add"  
38.             android:src="@android:drawable/ic_input_add" />  
39.     </LinearLayout>  
40.   
41.     <ListView  
42.         android:id="@+id/accountLV"  
43.         android:layout_width="match_parent"  
44.         android:layout_height="match_parent"  
45.         android:layout_below="@id/addLL" >  
46.     </ListView>  
47.   
48. </LinearLayout></span>  

android :src= "@android:drawable/ic_input_add"  显示图片的原图大小

效果图展示：

           

2.创建ListView 

Item布局 在res/layout下创建一个item.xml文件，创建三个TextView和三个ImageView，代码如下：

[html]  view plain  copy

1. <span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:app="http://schemas.android.com/apk/res-auto"  
4.     android:orientation="horizontal"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="wrap_content"  
7.     android:padding="10dp">  
8.   
9.     <TextView  
10.         android:id="@+id/idTV"  
11.         android:layout_width="0dp"  
12.         android:layout_height="wrap_content"  
13.         android:layout_weight="1"  
14.         android:text="13"  
15.         android:textColor="#000000"  
16.         android:textSize="20sp" />  
17.   
18.     <TextView  
19.         android:id="@+id/nameTV"  
20.         android:layout_width="0dp"  
21.         android:layout_height="wrap_content"  
22.         android:layout_weight="2"  
23.         android:singleLine="true"  
24.         android:text="PQ"  
25.         android:textColor="#000000"  
26.         android:textSize="20sp" />  
27.   
28.     <TextView  
29.         android:id="@+id/balanceTV"  
30.         android:layout_width="0dp"  
31.         android:layout_height="wrap_content"  
32.         android:layout_weight="2"  
33.         android:singleLine="true"  
34.         android:text="12345"  
35.         android:textColor="#000000"  
36.         android:textSize="20sp" />  
37.   
38.     <LinearLayout  
39.         android:layout_width="wrap_content"  
40.         android:layout_height="wrap_content"  
41.         android:orientation="vertical" >  
42.   
43.         <ImageView  
44.             android:id="@+id/upIV"  
45.             android:layout_width="wrap_content"  
46.             android:layout_height="wrap_content"  
47.             android:layout_marginBottom="2dp"  
48.             android:src="@android:drawable/arrow_up_float" />  
49.   
50.         <ImageView  
51.             android:id="@+id/downIV"  
52.             android:layout_width="wrap_content"  
53.             android:layout_height="wrap_content"  
54.             android:src="@android:drawable/arrow_down_float" />  
55.     </LinearLayout>  
56.   
57.     <ImageView  
58.         android:id="@+id/deleteIV"  
59.         android:layout_width="25dp"  
60.         android:layout_height="25dp"  
61.         android:src="@android:drawable/ic_menu_delete" />  
62.   
63. </LinearLayout></span>  

  添加的三个TextView分别用于显示数据库中的某条数据的id，商品名称，金额。添加的三个ImageView用于增加金额，减少金额，删除数据。

效果图展示：

           

3.创建数据库

创建数据库属于数据操作，因此需要在cn.edu.bzu.productshow包下创建一个名为Dao的包。并在该包下定义一个MyHelper类继承自SQLiteOpenHelper,创建数据库的代码如下：

[java]  view plain  copy

1. package cn.edu.bzu.productshow.Dao;  
2.   
3. import android.content.Context;  
4. import android.database.sqlite.SQLiteDatabase;  
5. import android.database.sqlite.SQLiteOpenHelper;  
6. import android.util.Log;  
7.   
8. import cn.edu.bzu.productshow.MainActivity;  
9.   
10. public class MyHelper extends SQLiteOpenHelper{  
11.     //由于父类没有无参构造参数，所以子类必须指定调用弗雷德哪个有参的构造函数  
12.     public MyHelper(Context context) {  
13.         super(context, "product.db", null, 2);  
14.     }  
15.   
16.     @Override  
17.     public void onCreate(SQLiteDatabase db) {  
18.         Log.d("MyHelper","OnCreate");  
19.         db.execSQL("create table account(_id integer primary key autoincrement,name varchar(20),balance integer)");//id主键，商品名称列，金额列  
20.     }  
21.   
22.     @Override  
23.     public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {  
24.         Log.d("MyHelper","OnUpgrade");  
25.     }  
26. }  

4.创建Account类 

在操作数据库时将数据存放至一个JavaBean对象操作起来比较方便。因此需要在cn.edu.bzu.productshow包下创建一个Bean包用于存放JavaBean类，然后在cn.edu.bzu.productshow.Bean包下定义一个类Account。具体代码如下:

[java]  view plain  copy

1. package cn.edu.bzu.productshow.Bean;  
2.   
3. public class Account {  
4.     private Long id;  
5.     private String name;  
6.     private Integer balance;  
7.   
8.     public Long getId() {  
9.         return id;  
10.     }  
11.   
12.     public void setId(Long id) {  
13.         this.id = id;  
14.     }  
15.   
16.     public Integer getBalance() {  
17.         return balance;  
18.     }  
19.   
20.     public void setBalance(Integer balance) {  
21.       if(balance>=0)  
22.     this.balance = balance;  
23.     }  
24.   
25.     public String getName() {  
26.         return name;  
27.     }  
28.   
29.     public void setName(String name) {  
30.         this.name = name;  
31.     }  
32.   
33.     public Account(long id, String name, Integer balance) {  
34.         super();  
35.         this.balance = balance;  
36.         this.name = name;  
37.         this.id = id;  
38.     }  
39.   
40.     public Account(String name, Integer balance) {  
41.         super();  
42.         this.name = name;  
43.         this.balance = balance;  
44.     }  
45.     public Account()  
46.     {  
47.         super();  
48.     }  
49.     public String toString()  
50.     {  
51.         return "[序号："+id+",商品名称"+name+",余额："+balance+"]";  
52.     }  
53. }  

5.创建数据操作逻辑类

在cn.edu.bzu.productshow.Dao包下创建一个AccountDao类用于操作数据。具体代码如下：

[java]  view plain  copy

1. <span style="font-size:18px;">package cn.edu.bzu.productshow.Dao;  
2.   
3. import android.content.ContentValues;  
4. import android.content.Context;  
5. import android.database.Cursor;  
6. import android.database.sqlite.SQLiteDatabase;  
7.   
8. import java.util.ArrayList;  
9. import java.util.List;  
10.   
11. import cn.edu.bzu.productshow.Bean.Account;  
12.   
13. public class AccountDao {  
14.     private MyHelper helper;  
15.     public AccountDao(Context context){  
16.         //创建Dao时，创建helper  
17.         helper=new MyHelper(context);  
18.     }  
19.     //---------插入  
20.     public void insert(Account account){  
21.         //读取数据库对象  
22.         SQLiteDatabase db=helper.getWritableDatabase();  
23.         //用来装载要插入的数据的MapM<列名，列的值>  
24.         ContentValues values=new ContentValues();  
25.         values.put("name",account.getName());  
26.         values.put("balance",account.getBalance());  
27.         //向account表插入数据values  
28.         long id=db.insert("account",null,values);  
29.         account.setId(id); //得到id  
30.         db.close();//关闭数据库  
31.     }  
32.     //---------删除，根据id删除  
33.     public int delete(long id)  
34.     {  
35.         SQLiteDatabase db=helper.getWritableDatabase();  
36.         //按条件删除指定表中的数据，返回受影响的行数  
37.         int count=db.delete("account","_id=?",new String[]{id+""});  
38.         db.close();  
39.         return count;  
40.     }  
41.     //---------更新数据  
42.     public int update(Account account)  
43.     {  
44.         SQLiteDatabase db=helper.getWritableDatabase();  
45.         ContentValues values=new ContentValues(); //要修改的数据 键值对  
46.         values.put("name",account.getName());  
47.         values.put("balance",account.getBalance());  
48.         int count=db.update("account",values,"_id=?",new String[]{ account.getId()+""});//更新并得到行数  
49.         db.close();  
50.         return count;  
51.     }  
52.     //---------查询所有的数据倒序排列  
53.     public List<Account> queryAll()  
54.     {  
55.         SQLiteDatabase db=helper.getWritableDatabase();  
56.         Cursor c=db.query("account",null,null,null,null,null,"balance DESC");  
57.         List<Account> list=new ArrayList<Account>();  
58.         while(c.moveToNext())  
59.         {  
60.         //可以根据列名获取索引  
61.             long id=c.getLong(c.getColumnIndex("_id"));  
62.             String name=c.getString(1);  
63.             int balance=c.getInt(2);  
64.            list.add(new Account(id,name,balance));  
65.   
66.         }  
67.         c.close();  
68.         db.close();  
69.         return list;  
70.     }  
71. }</span>  

上述代码是操作数据库的逻辑类AccountDao。该类创建了对数据库的增删改查操作的方法。

6.编写页面交互代码

数据库操作完成之后需要界面与数据库交互，用于实现将数据库中的数据以ListView的形式展示在界面上，具体代码如下所示：

[java]  view plain  copy

1. <span style="font-size:14px;">package cn.edu.bzu.productshow;  
2. import android.app.Activity;  
3. import android.app.AlertDialog.Builder;  
4. import android.content.DialogInterface;  
5. import android.os.Bundle;  
6. import android.view.View;  
7. import android.view.View.OnClickListener;  
8. import android.view.ViewGroup;  
9. import android.widget.AdapterView;  
10. import android.widget.AdapterView.OnItemClickListener;  
11. import android.widget.BaseAdapter;  
12. import android.widget.EditText;  
13. import android.widget.ImageView;  
14. import android.widget.ListView;  
15. import android.widget.TextView;  
16. import android.widget.Toast;  
17. import cn.edu.bzu.productshow.Bean.Account;  
18.   
19. import java.util.List;  
20. import java.util.Locale;  
21.   
22. import cn.edu.bzu.productshow.Dao.AccountDao;  
23.   
24. public class MainActivity extends Activity {  
25. //需要适配的数据集合  
26.     private List<Account> list;  
27.     //需要增删改查操作类  
28.     private AccountDao dao;  
29.     //输入姓名的edittext  
30.     private EditText nameET;  
31.     //输入金额的edittext  
32.     private EditText balanceET;  
33.     //适配器  
34.     private MyAdapter adapter;  
35.     //Listview  
36.     private ListView accountLV;  
37.     @Override  
38.     protected void onCreate(Bundle savedInstanceState) {  
39.         super.onCreate(savedInstanceState);  
40.         setContentView(R.layout.activity_main);  
41.         //初始化控件  
42.         initView();  
43.         dao=new AccountDao(this);  
44.         //从数据库查询所有数据  
45.         list=dao.queryAll();  
46.         adapter=new MyAdapter();  
47.         accountLV.setAdapter(adapter);//给ListView添加适配器（自动把数据生成条目）  
48.     }  
49.     //初始化控件  
50.     private void initView()  
51.     {  
52.         accountLV=(ListView)findViewById(R.id.accountLV);  
53.         nameET=(EditText) findViewById(R.id.nameET);  
54.         balanceET=(EditText)findViewById(R.id.balanceET);  
55.         //添加监听器，监听条目点击事件  
56.         accountLV.setOnItemClickListener(new MyOnItemClickListener());  
57.     }  
58.     //activity_main.xml对应的inageview的点击事件触发的方法  
59.     public void add(View v)  
60.     {  
61.         String name=nameET.getText().toString().trim();  
62.         String balance=balanceET.getText().toString().trim();  
63.         if("".equals(name)||"".equals(balance))  
64.         {  
65.             Toast.makeText(getApplicationContext(),"商品名称和金额不能为空",Toast.LENGTH_LONG).show();  
66.             return;  
67.         }  
68.         //三目运算balance.equals("")则等于0  
69.         //如果balance不是空字符串，则进行强制类型转换  
70.         Account a=new Account(name, balance.equals("")?0:Integer.parseInt(balance));  
71.         dao.insert(a);//插入数据库  
72.         list.add(a);//插入集合  
73.         adapter.notifyDataSetChanged();//刷新界面  
74.         //选中最后一个  
75.         accountLV.setSelection(accountLV.getCount()-1);  
76.         nameET.setText("");  
77.         balanceET.setText("");  
78.     }  
79.     //自定义一个适配器（把数据装到ListView的工具）  
80.     private class MyAdapter extends BaseAdapter{  
81.         public int getCount(){   //获取条目总数  
82.             return list.size();  
83.         }  
84.         public Object getItem(int position) //根据位置获取对象  
85.         {  
86.             return  list.get(position);  
87.         }  
88.         public long getItemId(int position) //根据位置获取id  
89.         {  
90.             return  position;  
91.         }  
92.         //获取一个条目视图  
93.         public View getView(int position, View convertView, ViewGroup parent)  
94.         {  
95.             //重用converView  
96.              View item=convertView!=null?convertView:View.inflate(getApplicationContext(),R.layout.item,null);  
97.             //获取该视图中的textview  
98.             TextView idTV=(TextView) item.findViewById(R.id.idTV);  
99.             TextView nameTV=(TextView) item.findViewById(R.id.nameTV);  
100.             TextView balanceTV=(TextView) item.findViewById(R.id.balanceTV);  
101.             //根据当前位置获取Account对象  
102.             final Account a=list.get(position);  
103.             //把Account对象中的数据放到textview中  
104.             idTV.setText(a.getId()+"");  
105.             nameTV.setText(a.getName());  
106.             balanceTV.setText(a.getBalance()+"");  
107.             ImageView upTV=(ImageView) item.findViewById(R.id.upIV);  
108.             ImageView downTV=(ImageView) item.findViewById(R.id.downIV);  
109.             ImageView deleteTV=(ImageView) item.findViewById(R.id.deleteIV);  
110.             //向上箭头的事件触发方法  
111.             upTV.setOnClickListener(new View.OnClickListener() {  
112.                 @Override  
113.                 public void onClick(View v) {  
114.                     a.setBalance(a.getBalance()+1)n  
115.                     notifyDataSetChanged();  
116.                     dao.update(a);  
117.                 }  
118.             });  
119.             //向下箭头的事件触发方法  
120.             upTV.setOnClickListener(new View.OnClickListener() {  
121.                 @Override  
122.                 public void onClick(View v) {  
123.                     a.setBalance(a.getBalance()-1);  
124.                     notifyDataSetChanged();  
125.                     dao.update(a);  
126.                 }  
127.             });  
128.             //删除图片的点击事件触发的方法  
129.             deleteTV.setOnClickListener(new View.OnClickListener() {  
130.                 @Override  
131.                 public void onClick(View v) {  
132.                     //删除数据之前首先弹出一个对话框  
133.                     android.content.DialogInterface.OnClickListener listener=  
134.                             new android.content.DialogInterface.OnClickListener(){  
135.                                 public void onClick(DialogInterface dialog,int which){  
136.                                     list.remove(a);//从集合删除  
137.                                     dao.delete(a.getId());//从数据库删除  
138.                                     notifyDataSetChanged();//刷新界面  
139.                                 }  
140.                             };  
141.                     //创建对话框  
142.                  Builder builder =new Builder(MainActivity.this);  
143.                     builder.setTitle("确定要删除吗？");           //设置标题  
144.                     //设置确定按钮的文本以及监听器  
145.                     builder.setPositiveButton("确定",listener);  
146.                     builder.setNegativeButton("取消",null);  
147.                     builder.show();  
148.                 }  
149.             });  
150.             return item;  
151.         }  
152.     }  
153.     //Listview的item点击事件  
154.     private class MyOnItemClickListener implements OnItemClickListener{  
155.   
156.         public void onItemClick(AdapterView<?> parent,View view,int position,long id)  
157.         {  
158.             //获取点击位置上的数据  
159.            Account   a=(Account) parent.getItemAtPosition(position);  
160.             Toast.makeText(getApplicationContext(),a.toString(),Toast.LENGTH_SHORT).show();  
161.         }  
162.     }  
163. }  
164. </span>  

7.运行程序展示商品信息

运行程序时首先添加商品名称以及金额，点击加号就会将Edittext中输入的内容添加至数据库并显示适配到ListView中。多添加几条数据，然后点击某条数据的向上的按钮，金额就会增加。向下按钮同理。点击某条数据的删除图案，会弹出一个对话框，确认后就能删除数据了。单击某条数据室，会弹出toast。

  

             添加                           多添加几条数据                    向上使金额增加 

  

           显示属性                          删除提示                            删除成功