Android中创建一个商品展示小案例

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

1.创建程序

首先创建一个名为“ProductShow”的应用程序，设计用户交互界面（activity_main.xml），用Imageview显示图片，其中使用ImageView的属性Android：src来指定ImageView要显示的图片，但是只显示图片原图大小。如果使用Android：background属性，图片大小会根据ImageView大小进行拉伸。

如下图所示：

代码如下：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:layout_margin="8dp"    tools:context="bzu.edu.cn.productshow.MainActivity">    <LinearLayout        android:id="@+id/addLL"        android:orientation="horizontal"        android:layout_width="match_parent"        android:layout_height="wrap_content">        <EditText            android:id="@+id/nameET"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:hint="商品展示"            android:inputType="textPersonName" />        <EditText            android:id="@+id/balanceET"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:hint="金额"            android:inputType="number"/>        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:onClick="add"            android:id="@+id/addIV"            android:src="@android:drawable/ic_input_add"/>    </LinearLayout>    <ListView        android:id="@+id/accountLV"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_below="@id/addLL">    </ListView></LinearLayout>

2.创建ListView Item布局

在res/layout目录下创建一个item.xml文件，创建ListView Item布局，添加三个TextView，分别用于显示数据库中的某条数据的id、商品名称、金额，三个ImageView用于增加金额、减少金额、删除数据。

如下图所示：

代码如下：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="horizontal"    android:padding="10dp">    <TextView        android:id="@+id/idTV"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"        android:text="13"        android:textColor="#000000"        android:textSize="20sp"/>    <TextView        android:id="@+id/nameTV"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="2"        android:singleLine="true"        android:text="PQ"        android:textColor="#000000"        android:textSize="20sp"/>    <TextView        android:id="@+id/balanceTV"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="2"        android:singleLine="true"        android:text="12345"        android:textColor="#000000"        android:textSize="20sp"/>    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="vertical">        <ImageView            android:id="@+id/upIV"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginBottom="2dp"            android:src="@android:drawable/arrow_up_float"/>        <ImageView            android:id="@+id/downIV"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@android:drawable/arrow_down_float"/>    </LinearLayout>    <ImageView        android:id="@+id/deleteIV"        android:layout_width="25dp"        android:layout_height="25dp"        android:src="@android:drawable/ic_menu_delete"/></LinearLayout>

3.创建数据库

创建数据库属于数据操作，因此需要创建一个名为dao的包。并在改包下定义一个MyHelper类继承自SQLiteOpenHelper，创建数据库的代码如下：

package bzu.edu.cn.productshow.dao;import android.content.Context;import android.database.sqlite.SQLiteDatabase;import android.database.sqlite.SQLiteOpenHelper;import android.provider.Settings;/** * Created by Administrator on 2017/4/17. */public class MyHelper extends SQLiteOpenHelper {    //由于父类没有无参构造函数，所以子类必须指定调用父类哪个有参的构造函数    public MyHelper(Context context){        super(context,"itcast.db",null,2);    }    @Override    public void onCreate(SQLiteDatabase db) {        System.out.println("onCreate");        db.execSQL("create table account(_id integer primary key autoincrement,name varchar(20),balance integer)");//商品名称列，金额列    }    @Override    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {        System.out.println("onUpgrade");    }}

4.创建Account类

在操作数据库时将数据存放至一个JavaBean对象中操作起来会比较方便。因此，需要创建一个bean包用于存放Javabean类，在包中定义一个类Account，具体代码如下：

package bzu.edu.cn.productshow.bean;/** * Created by Administrator on 2017/4/17. */public class Account {    private Long id;    private String name;    private Integer balance;    public Long getId() {        return id;    }    public void setId(Long id) {        this.id = id;    }    public String getName() {        return name;    }    public void setName(String name) {        this.name = name;    }    public Integer getBalance() {        return balance;    }    public void setBalance(Integer balance) {        this.balance = balance;    }    public Account(Long id,String name,Integer balance){        super();        this.id=id;        this.name=name;        this.balance=balance;    }    public Account(String name,Integer balance){        super();        this.name=name;        this.balance=balance;    }    public Account(){        super();    }    public String toString(){        return "[序号："+id+"，商品名称："+name+"，余额："+balance+"]";    }}

5.创建数据操作逻辑类

编写数据逻辑操作类，在dao包下创建一个AccountDao类用于操作数据，该类创建对数据进行增、删、改、查操作的方法。需要注意，在insert（）方法中调用了db.insert（）方法，这个方法第二个参数如果传入null，是无法插入一条空数据的。如果想插入一条空数据，第二个参数必须写一个列名（任意列），传入的这个列名是用来拼接SQL语句的，例如，INSERT INTO account（null）VALUES（null）。具体代码如下：

package bzu.edu.cn.productshow.dao;import android.content.ContentValues;import android.content.Context;import android.database.Cursor;import android.database.sqlite.SQLiteDatabase;import java.util.ArrayList;import java.util.List;import bzu.edu.cn.productshow.bean.Account;/** * Created by Administrator on 2017/4/17. */public class AccountDao {    private MyHelper helper;    public AccountDao(Context context){        //创建Dao时，创建Helper        helper=new MyHelper(context);    }    public void insert(Account account){        //获取数据库对象        SQLiteDatabase db=helper.getWritableDatabase();        //用来装载要插入的数据的Map<列名，列的值>        ContentValues values=new ContentValues();        values.put("name",account.getName());        values.put("balance",account.getBalance());        //向account表插入数据values;        long id=db.insert("account",null,values);        account.setId(id);//得到id        db.close();//关闭数据库    }    //根据id删除数据    public int delete(long id){        SQLiteDatabase db=helper.getWritableDatabase();        //按条件删除指定表中的数据，返回受影响的行数        int count=db.delete("account","_id=?",new String[]{id+""});        db.close();        return count;    }    //更新数据    public int update(Account account){        SQLiteDatabase db=helper.getWritableDatabase();        ContentValues values=new ContentValues();//要修改的数据        values.put("name",account.getName());        values.put("balance",account.getBalance());        int count=db.update("account",values,"_id=?",new String[]{account.getId()+""});//更新并得到行数        db.close();        return count;    }    //查询所有数据倒序排列    public List<Account> queryAll(){        SQLiteDatabase db=helper.getReadableDatabase();        Cursor c=db.query("account",null,null,null,null,null,"balance DESC");        List<Account> list= new ArrayList<Account>();        while (c.moveToNext()){            //可以根据列名获取索引            long id=c.getLong(c.getColumnIndex("_id"));            String name=c.getString(1);            int balance=c.getInt(2);            list.add(new Account(id,name,balance));        }        c.close();        db.close();        return list;    }}

6.编写界面交互代码（MainActivity）

数据库的操作完成后需要界面与数据库进行交互，用于实现将数据库中的数据以ListView的形式展示在界面上。

下述代码用到的重要知识点：

(1)ListView的setOnItemClickListener（）方法：该方法用于监听Item的点击事件，在使用该方法时需要传入一个OnItemClickListener的实现类对象，并且需要实现onItemClick方法。当点击ListView的Item时就会触发Item的点击事件然后会回调onItemClick（）方法。

(2)ListView的setSelection（）方法：该方法的作用是设置当前选中的条目。假设当前屏幕一屏只能显示10条数据，当添加第11条数据时，调用此方法就会将第11条数据显示在屏幕上，将第一条数据滑出屏幕外。

(3)Adapter的notifyDataSetChange（）方法：该方法是用于重新数据，当数据适配器中的内容发生变化时，会调用此方法，重新执行BaseAdapter中的getView（）方法。

具体代码如下：

package bzu.edu.cn.productshow;import android.content.DialogInterface;import android.support.v7.app.AlertDialog;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.BaseAdapter;import android.widget.EditText;import android.widget.ImageView;import android.widget.ListView;import android.widget.TextView;import android.widget.Toast;import java.util.List;import bzu.edu.cn.productshow.bean.Account;import bzu.edu.cn.productshow.dao.AccountDao;public class MainActivity extends AppCompatActivity {    //需要适配的数据集合    private List<Account> list;    //数据库增删改查操作类    private AccountDao dao;    //输入姓名的EditText    private EditText nameET;    //输入金额的EditText    private EditText balanceET;    //适配器    private MyAdapter adapter;    private ListView accountLV;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //初始化控件        initView();        dao=new AccountDao(this);        //从数据库查询出所有数据        list=dao.queryAll();        adapter=new MyAdapter();        accountLV.setAdapter(adapter);//给ListView添加适配器（自动把数据生成条目）    }    //初始化控件    private void initView(){        accountLV=(ListView)findViewById(R.id.accountLV);        nameET=(EditText)findViewById(R.id.nameET);        balanceET=(EditText)findViewById(R.id.balanceET);        //添加监听器，监听条目点击事件        accountLV.setOnItemClickListener(new MyOnItemClickListener());    }    //activity_main.xml对应ImageView的点击事件触发的方法    public void add(View v){        String name=nameET.getText().toString().trim();        String balance=balanceET.getText().toString().trim();        //三目运算balance。equals（""）则等于0        //如果balance不是空字符串 则进行类型转换        Account a=new Account(name,balance.equals("")?0:Integer.parseInt(balance));        dao.insert(a);//插入数据库        list.add(a);//插入集合        adapter.notifyDataSetChanged();//刷新界面        //选中最后一个        accountLV.setSelection(accountLV.getCount()-1);        nameET.setText("");        balanceET.setText("");    }    //自定义一个适配器（把数据装到ListView的工具）    private class MyAdapter extends BaseAdapter{        public int getCount(){//获取条目总数            return list.size();        }        public Object getItem(int position){//根据位置获取对象            return list.get(position);        }        @Override        public long getItemId(int position) {//根据位置获取id            return position;        }        @Override        //获取一个条目视图        public View getView(int position, View convertView, ViewGroup parent) {            //重用convertView            View item=convertView!=null?convertView:View.inflate(getApplicationContext(),R.layout.item,null);            //获取该视图中的TextView            TextView idTV=(TextView)item.findViewById(R.id.idTV);            TextView nameTV=(TextView)item.findViewById(R.id.nameTV);            TextView balanceTV=(TextView)item.findViewById(R.id.balanceTV);            //根据当前位置获取Account对象            final Account a=list.get(position);            //把Account对象中的数据放到TextView中            idTV.setText(a.getId()+"");            nameTV.setText(a.getName());            balanceTV.setText(a.getBalance()+"");            ImageView upIV=(ImageView)item.findViewById(R.id.upIV);            ImageView downIV=(ImageView)item.findViewById(R.id.downIV);            ImageView deleteIV=(ImageView)item.findViewById(R.id.deleteIV);            //向上箭头的点击事件触发的方法            upIV.setOnClickListener(new View.OnClickListener() {                @Override                public void onClick(View v) {                    a.setBalance(a.getBalance()+1);//修改值                    notifyDataSetChanged();//刷新界面                    dao.update(a);//更新数据库                }            });            //向下箭头的点击事件触发的方法            downIV.setOnClickListener(new View.OnClickListener() {                @Override                public void onClick(View v) {                    a.setBalance(a.getBalance()-1);                    notifyDataSetChanged();                    dao.update(a);                }            });            // 删除图片的点击事件触发的方法            deleteIV.setOnClickListener(new View.OnClickListener() {                @Override                public void onClick(View v) {                    //删除数据之前首先弹出一个对话框                    android.content.DialogInterface.OnClickListener listener=new android.content.DialogInterface.OnClickListener(){                        public void onClick(DialogInterface dialog,int which){                            list.remove(a);//从集合中删除                            dao.delete(a.getId());//从数据中删除                            notifyDataSetChanged();//刷新界面                        }                    };                    //创建对话框                    AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);//设置标题                    //设置确定按钮的文本以及监听器                    builder.setTitle("确定要删除吗？");                    builder.setPositiveButton("确定",listener);//设置取消按钮                    builder.setNeutralButton("取消",null);//显示对话框                    builder.show();                }            });            return item;        }    }    //ListView的Item点击事件    private class MyOnItemClickListener implements AdapterView.OnItemClickListener{        @Override        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {            //获取点击位置上的数据            Account a=(Account)parent.getItemAtPosition(position);            Toast.makeText(getApplicationContext(),a.toString(),Toast.LENGTH_SHORT).show();        }    }}

7.运行程序展示商品

运行程序，看到界面中有一个“添加”按钮和两个EditText分别用于输入姓名和金额，然后单击添加按钮

点击删除按钮，效果如下图所示：

单击一条数据信息，会弹出一个Toast。要实现这种功能需要给ListView的Item设置条目点击监听事件