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设置条目点击监听事件

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

猜你喜欢