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

时间:2022-08-22 19:37:57

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

1.创建程序

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

  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"  显示图片的原图大小

效果图展示:

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

2.创建ListView 

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

  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>  
SQLite数据库---ListView控件之商品展示案例

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

效果图展示:

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

3.创建数据库

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

  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"null2);  
  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. }  
SQLite数据库---ListView控件之商品展示案例

4.创建Account类 

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

  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.         this.balance = balance;  
  22.     }  
  23.   
  24.     public String getName() {  
  25.         return name;  
  26.     }  
  27.   
  28.     public void setName(String name) {  
  29.         this.name = name;  
  30.     }  
  31.   
  32.     public Account(long id, String name, Integer balance) {  
  33.         super();  
  34.         this.balance = balance;  
  35.         this.name = name;  
  36.         this.id = id;  
  37.     }  
  38.   
  39.     public Account(String name, Integer balance) {  
  40.         super();  
  41.         this.name = name;  
  42.         this.balance = balance;  
  43.     }  
  44.     public Account()  
  45.     {  
  46.         super();  
  47.     }  
  48.     public String toString()  
  49.     {  
  50.         return "[序号:"+id+",商品名称"+name+",余额:"+balance+"]";  
  51.     }  
  52. }  
SQLite数据库---ListView控件之商品展示案例

5.创建数据操作逻辑类

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

  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>  
SQLite数据库---ListView控件之商品展示案例

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

6.编写页面交互代码

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

  1. 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.         //三目运算balance.equals("")则等于0  
  64.         //如果balance不是空字符串,则进行强制类型转换  
  65.         Account a=new Account(name, balance.equals("")?0:Integer.parseInt(balance));  
  66.         dao.insert(a);//插入数据库  
  67.         list.add(a);//插入集合  
  68.         adapter.notifyDataSetChanged();//刷新界面  
  69.         //选中最后一个  
  70.         accountLV.setSelection(accountLV.getCount()-1);  
  71.         nameET.setText("");  
  72.         balanceET.setText("");  
  73.     }  
  74.     //自定义一个适配器(把数据装到ListView的工具)  
  75.     private class MyAdapter extends BaseAdapter{  
  76.         public int getCount(){   //获取条目总数  
  77.             return list.size();  
  78.         }  
  79.         public Object getItem(int position) //根据位置获取对象  
  80.         {  
  81.             return  list.get(position);  
  82.         }  
  83.         public long getItemId(int position) //根据位置获取id  
  84.         {  
  85.             return  position;  
  86.         }  
  87.         //获取一个条目视图  
  88.         public View getView(int position, View convertView, ViewGroup parent)  
  89.         {  
  90.             //重用converView  
  91.              View item=convertView!=null?convertView:View.inflate(getApplicationContext(),R.layout.item,null);  
  92.             //获取该视图中的textview  
  93.             TextView idTV=(TextView) item.findViewById(R.id.idTV);  
  94.             TextView nameTV=(TextView) item.findViewById(R.id.nameTV);  
  95.             TextView balanceTV=(TextView) item.findViewById(R.id.balanceTV);  
  96.             //根据当前位置获取Account对象  
  97.             final Account a=list.get(position);  
  98.             //把Account对象中的数据放到textview中  
  99.             idTV.setText(a.getId()+"");  
  100.             nameTV.setText(a.getName());  
  101.             balanceTV.setText(a.getBalance()+"");  
  102.             ImageView upTV=(ImageView) item.findViewById(R.id.upIV);  
  103.             ImageView downTV=(ImageView) item.findViewById(R.id.downIV);  
  104.             ImageView deleteTV=(ImageView) item.findViewById(R.id.deleteIV);  
  105.             //向上箭头的事件触发方法  
  106.             upTV.setOnClickListener(new View.OnClickListener() {  
  107.                 @Override  
  108.                 public void onClick(View v) {  
  109.                     a.setBalance(a.getBalance()+1);  
  110.                     notifyDataSetChanged();  
  111.                     dao.update(a);  
  112.                 }  
  113.             });  
  114.             //删除图片的点击事件触发的方法  
  115.             deleteTV.setOnClickListener(new View.OnClickListener() {  
  116.                 @Override  
  117.                 public void onClick(View v) {  
  118.                     //删除数据之前首先弹出一个对话框  
  119.                     android.content.DialogInterface.OnClickListener listener=  
  120.                             new android.content.DialogInterface.OnClickListener(){  
  121.                                 public void onClick(DialogInterface dialog,int which){  
  122.                                     list.remove(a);//从集合删除  
  123.                                     dao.delete(a.getId());//从数据库删除  
  124.                                     notifyDataSetChanged();//刷新界面  
  125.                                 }  
  126.                             };  
  127.                     //创建对话框  
  128.                  Builder builder =new Builder(MainActivity.this);  
  129.                     builder.setTitle("确定要删除吗?");           //设置标题  
  130.                     //设置确定按钮的文本以及监听器  
  131.                     builder.setPositiveButton("确定",listener);  
  132.                     builder.setNegativeButton("取消",null);  
  133.                     builder.show();  
  134.                 }  
  135.             });  
  136.             return item;  
  137.         }  
  138.     }  
  139.     //Listview的item点击事件  
  140.     private class MyOnItemClickListener implements OnItemClickListener{  
  141.   
  142.         public void onItemClick(AdapterView<?> parent,View view,int position,long id)  
  143.         {  
  144.             //获取点击位置上的数据  
  145.            Account   a=(Account) parent.getItemAtPosition(position);  
  146.             Toast.makeText(getApplicationContext(),a.toString(),Toast.LENGTH_SHORT).show();  
  147.         }  
  148.     }  
  149. }  
SQLite数据库---ListView控件之商品展示案例

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

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

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

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

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

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