实现商品的展示,需要开发一个购物车,添加后,将里面的商品以列表形式展示,并且对购物车中数据进行增删改查的操作,其中主要用到ListView 方便展示商品,用到SQLite数据库进行数据的存储和更改等操作。运行效果图如下:
1、首先要建立商品展示的布局文件,给每一个控件加地址属性以便后面的使用
<?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="cn.edu.bzu.shoptest.MainActivity">
<LinearLayout
android:id="@+id/addLL"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_margin="8dp"
>
<EditText
android:id="@+id/nameET"
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:hint="商品名称"
android:inputType="textPersonName"/>
/>
<EditText
android:id="@+id/balanceET"
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:hint="金额"
android:inputType="number"/>
/>
<ImageView
android:onClick="add"
android:id="@+id/addTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
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.xml文件编写,由给的示例图片可以看出文件中需要创建三个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、布局文件建立好之后,首先创建数据库,属于数据操作,在cn.edu.bzu.shoptest下创建包dao,并在该包下new一个MyHelper
类继承SQLiteOpenHelper。
/** * Created by Administrator on 2017/4/24. */ 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 i, int i1) { System.out.println("onUpgrade"); } }
4、操作数据库时 将数据放在JeanBean对象中操作比较方便 所以在cn.edu.bzu.shoptest下创建包bean new一个Account类
写完属性时可以自动生成他们的getset方法
package cn.edu.bzu.shoptest.bean; /** * Created by Administrator on 2017/4/24. */ 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) { 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用于操作数据,进行增删改查,操作完毕后将打开数据库关闭package cn.edu.bzu.shoptest.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 cn.edu.bzu.shoptest.bean.Account; /** * Created by Administrator on 2017/4/24. */ public class AccountDao { private MyHelper helper; public AccountDao(Context context){ 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); db.close(); } 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.getWritableDatabase(); 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的形式展示
在界面上。
LisView的setOnItemClickListener()方法是用来监听Item的点击事件使用时需 传入一个OnItemClickListener
的实体类对象并实现onItemClick方法
package cn.edu.bzu.shoptest; 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 java.util.Objects; import cn.edu.bzu.shoptest.bean.Account; import cn.edu.bzu.shoptest.dao.AccountDao; public class MainActivity extends AppCompatActivity { //需要适配的数据集合 private List<Account> list; //数据库增删改查操作类 private AccountDao dao; //输入姓名的EditText 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);//给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()); } public void add(View v){ 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(""); } //自定义一个适配器(把数据装到ListView 的工具) 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 view, ViewGroup viewGroup) { View item=view!=null?view:View.inflate( getApplicationContext(),R.layout.item,null); TextView idTV=(TextView) item.findViewById(R.id.idTV); TextView nameTV=(TextView) item.findViewById(R.id.nameTV); TextView balanceTV=(TextView) item.findViewById(R.id.balanceTV); final Account a=list.get(position); //把Account对象中的数据放到Textvie中 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 view) { a.setBalance(a.getBalance()+1); notifyDataSetChanged(); dao.update(a); } }); //向下箭头的点击事件触发的方法 downIV.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { a.setBalance(a.getBalance()-1); notifyDataSetChanged(); dao.update(a); } }); //删除图片的点击事件出发的方法 deleteIV.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { //删除数据之前首先弹出一个对话框 android.content.DialogInterface.OnClickListener listener = new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialogInterface, int i) { 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{ public void onItemClick(AdapterView<?>parent,View view,int position ,long id){ Toast.makeText(getApplicationContext(), adapter.toString(),Toast.LENGTH_SHORT).show(); } } }在商品名称中写商品,金额中写价格点击左边加号,数据就添加进去了
点击上下三角形对金额进行调整,点击垃圾桶图标,弹出Toast提示是否删除,删除选确定,不删取消。
单击数据记录时会弹出他的信息提示实现这种功能是给ListView的Item设置条目点击监听事件。