商品展示案例

一.运行效果图：

开发一个购物车，需要将购物车中的商品以列表的形式展示，并且还需要对购物车中的商品进行增删改查操作。要实现这些功能就需要使用 ListView 和 SQLite 数据库。

二. 训练目标

1) 掌握 SQLite 存储方式

2) 掌握如何使用 SQLite 完成 CRUD 操作

三.创建程序

1.首先创建一个名为“商品展示”的应用程序，设计用户交互界面。

“商品展示”程序对应的布局文件（activity_main.xml）如下所示：

<?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"
    tools:context="com.example.bz0209.myapplication.MainActivity">


   <LinearLayout
       android:id="@+id/addLL"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal">
       <EditText
           android:id="@+id/et01"
           android:hint="商品名称"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"/>
       <EditText
           android:id="@+id/et02"
           android:layout_width="0dp"
           android:layout_weight="1"
           android:layout_height="wrap_content"
           android:hint="金额"
           />
       <ImageView
           android:id="@+id/ivIcon1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:onClick="add"
           android:src="@android:drawable/ic_input_add"
           />
   </LinearLayout>
    <ListView
        android:id="@+id/lv01"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >


    </ListView>
</LinearLayout>

上述代码用ImageView显示图片，其中用到了ImageView的属性Android：src来指定ImageView要显示的图片，但是只显示图片原图大小。如果使用Android：background属性，图片的大小根据IamgeView的大小进行拉伸。

2.创建ListView Item 布局

在res/layout目录下创建一个item.xml的文件，具体代码如下：

<?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="match_parent"
    android:orientation="horizontal">
    <TextView
        android:textColor="#000000"
        android:id="@+id/tvid"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textSize="20sp"
        android:text="1"/>
    <TextView
        android:id="@+id/tvname"
        android:textColor="#000000"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="名称"
        android:textSize="20sp"
        android:layout_weight="2"/>
    <TextView
        android:textColor="#000000"
        android:id="@+id/tvprice"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:text="100"
        android:textSize="20sp"/>
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <ImageView


        android:id="@+id/ivup"
        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/ivdown"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@android:drawable/arrow_down_float"/>
</LinearLayout>
    <ImageView
        android:id="@+id/ivdelete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_delete"/>
</LinearLayout>

3.创建数据库

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

package com.example.bz0209.myapplication.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, "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类，然后在bean包下定义一个类Account，具体代码如下：

package com.example.bz0209.myapplication.bean;


/**
 * Created by Administrator on 2017/4/17.
 */


public class Account {
    private Long id;
    private String name;
    private int 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 int getBalance() {
        return balance;
    }


    public void setBalance(int balance) {
        this.balance = balance;
    }


    public Account(Long id, String name, int balance) {
        super();
        this.id = id;
        this.name = name;
        this.balance = balance;
    }
    public Account( String name, int balance) {
        super();
        this.name = name;
        this.balance = balance;
    }
    public Account() {
        super();


    }
    public String toString(){
        return "[序号："+id+",商品名称："+name+",余额："+balance+"]";
    }
}

5.创建数据操作逻辑类

在dao包下创建一个AccountDao类用于操作数据，具体代码如下：

package com.example.bz0209.myapplication.dao;


import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;


import com.example.bz0209.myapplication.bean.Account;


import java.util.ArrayList;
import java.util.List;


/**
 * Created by Administrator on 2017/4/17.
 */


public class AccountDao {
    private MyHelper myHelper;
    public AccountDao(Context context){
        myHelper=new MyHelper(context);
    }
    public void  insert(Account account){
        SQLiteDatabase db=myHelper.getWritableDatabase();
        ContentValues contentValues=new ContentValues();
        contentValues.put("name",account.getName());
        contentValues.put("balance",account.getBalance());
        long id=db.insert("account",null,contentValues);
        account.setId(id);
        db.close();
    }
    public int delete(long id){
        SQLiteDatabase db=myHelper.getWritableDatabase();
        int count=db.delete("account","_id=?",new String[] {id+""});
        db.close();
        return count;
    }
    public int update(Account account){
        SQLiteDatabase db=myHelper.getWritableDatabase();
        ContentValues contentValues=new ContentValues();
        contentValues.put("name",account.getName());
        contentValues.put("balance",account.getBalance());
        int count=db.update("account",contentValues,"_id=?",new String[] {account.getId()+""});
        db.close();
        return count;
    }
    public List<Account> queryAll(){
        SQLiteDatabase db=myHelper.getReadableDatabase();
        Cursor cursor=db.query("account",null,null,null,null,null,"balance DESC");
        List<Account> list=new ArrayList<Account>();
        while(cursor.moveToNext()){
            long id=cursor.getLong(cursor.getColumnIndex("_id"));
            String name=cursor.getString(1);
            int balance=cursor.getInt(2);
            list.add(new Account(id,name,balance));
        }
        cursor.close();
        db.close();
        return list;
    }
}

6.编写界面交互代码

用于实现将数据库中的数据以ListView的形式展示在界面上，具体代码如下：

package com.example.bz0209.myapplication;


import android.app.Activity;
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 com.example.bz0209.myapplication.bean.Account;
import com.example.bz0209.myapplication.dao.AccountDao;


import java.util.List;


public class MainActivity extends Activity {
 private List<Account> list;
    private AccountDao dao;
    private EditText nameET;
    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);
    }
    private void initView(){
        accountLV=(ListView)findViewById(R.id.lv01);
        nameET=(EditText)findViewById(R.id.et01);
        balanceET=(EditText)findViewById(R.id.et02);
        accountLV.setOnItemClickListener(new MyOnItemClickListener());
    }
    public void add(View view){
        String name=nameET.getText().toString().trim();
        String balance=balanceET.getText().toString().trim();
        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("");


    }
    private class MyAdapter extends BaseAdapter{


        @Override
        public int getCount() {
            return list.size();
        }


        @Override
        public Object getItem(int position) {
            return list.get(position);
        }


        @Override
        public long getItemId(int position) {
            return position;
        }


        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View item=convertView!=null?convertView:View.inflate(getApplicationContext(),R.layout.listview_itemd,null);
            TextView tvid=(TextView)item.findViewById(R.id.tvid);
            TextView tvname=(TextView)item.findViewById(R.id.tvname);
            TextView tvbalance =(TextView)item.findViewById(R.id.tvprice);
            final Account a=list.get(position);
            tvid.setText(a.getId()+"");
            tvname.setText(a.getName());
            tvbalance.setText(a.getBalance()+"");
            ImageView ivup=(ImageView)item.findViewById(R.id.ivup);
            ImageView ivdown=(ImageView)item.findViewById(R.id.ivdown);
            ImageView ivdelete=(ImageView)item.findViewById(R.id.ivdelete);
            ivup.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    a.setBalance(a.getBalance()+1);
                    notifyDataSetChanged();
                    dao.update(a);
                }
            });
            ivdown.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    a.setBalance(a.getBalance()-1);
                    notifyDataSetChanged();
                    dao.update(a);
                }
            });
            ivdelete.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    android.content.DialogInterface.OnClickListener listener=new android.content.DialogInterface.OnClickListener(){
                        public void onClick(DialogInterface dialogInterface,int which){
                            list.remove(a);
                            dao.delete(a.getId());
                            notifyDataSetChanged();


                        }
                    };
                    AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);
                    builder.setTitle("确定要删除吗?");
                    builder.setPositiveButton("确定",listener);
                    builder.setNegativeButton("取消",null);
                    builder.show();
                }
            });


            return 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中输入的内容添加至数据库并显示适配到ListView中，添加一条数据如下：

当单机第一个目标向上按钮时会给相应的数额+2.要实现这个功能需要在BaseAdapter的getView（）方法中监听该图片的点击事件，当点击向下的按钮时会相应-1,。

点击删除按钮时，会弹出一个对话框，单击确定的按钮就将第二条数据删除了，要实现这个功能首先要监听删除按钮的点击事件，然后单击对话框的确定按钮事件，接下来观察ListView条目点击事件的效果。