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"><LinearLayoutandroid:id="@+id/addLL"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="wrap_content"><EditTextandroid:id="@+id/nameET"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:hint="商品展示"android:inputType="textPersonName" /><EditTextandroid:id="@+id/balanceET"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:hint="金额"android:inputType="number"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:onClick="add"android:id="@+id/addIV"android:src="@android:drawable/ic_input_add"/></LinearLayout><ListViewandroid: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"><TextViewandroid: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"/><TextViewandroid: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"/><TextViewandroid: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"/><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"><ImageViewandroid:id="@+id/upIV"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginBottom="2dp"android:src="@android:drawable/arrow_up_float"/><ImageViewandroid:id="@+id/downIV"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@android:drawable/arrow_down_float"/></LinearLayout><ImageViewandroid: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);}@Overridepublic void onCreate(SQLiteDatabase db) {System.out.println("onCreate");db.execSQL("create table account(_id integer primary key autoincrement,name varchar(20),balance integer)");//商品名称列，金额列}@Overridepublic 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时，创建Helperhelper=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);//得到iddb.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;//输入姓名的EditTextprivate EditText nameET;//输入金额的EditTextprivate EditText balanceET;//适配器private MyAdapter adapter;private ListView accountLV;@Overrideprotected 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);}@Overridepublic long getItemId(int position) {//根据位置获取idreturn position;}@Override//获取一个条目视图public View getView(int position, View convertView, ViewGroup parent) {//重用convertViewView item=convertView!=null?convertView:View.inflate(getApplicationContext(),R.layout.item,null);//获取该视图中的TextViewTextView 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() {@Overridepublic void onClick(View v) {a.setBalance(a.getBalance()+1);//修改值notifyDataSetChanged();//刷新界面dao.update(a);//更新数据库}});//向下箭头的点击事件触发的方法downIV.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {a.setBalance(a.getBalance()-1);notifyDataSetChanged();dao.update(a);}});// 删除图片的点击事件触发的方法deleteIV.setOnClickListener(new View.OnClickListener() {@Overridepublic 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{@Overridepublic 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中创建一个商品展示小案例相关推荐

android创建一个新文件,如何在android中创建一个新文件夹DCIM
张贴在评论,我想你的代码,并它为我工作. MainActivity.java public class MainActivity extends Activity { private final st ...
android如何新建登录界面,在android中创建一个登录页面
尝试这个 public class Login extends Activity { /** Called when the activity is first created. */ private ...
android studio创建一个类继承application_带你全方位了解Android中的Context
这道题想考察什么? 是否熟悉Context类结构是否熟悉Application,Activity,Service和Context的依赖关系 Application,Activity,Service中 ...
如何在 Python 中创建一个简单的神经网络
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达引言在过去的几十年里,机器学习对世界产生了巨大的影响,而且它的普 ...
android 轮换实现动画,怎么在Android中实现一个首页无限轮播功能
怎么在Android中实现一个首页无限轮播功能发布时间:2021-04-12 16:22:49 来源:亿速云阅读:74 作者:Leah 这期内容当中小编将会给大家带来有关怎么在Android中实现 ...
react.js app_在React.JS中创建一个Weather App
react.js app Hello readers! 各位读者好! In this article, you will know how to develop a basic weather app ...
Unity中创建本地多人游戏完整案例视频教程 Learn To Create A Local Multiplayer Game In Unity
Unity中创建本地多人游戏完整案例视频教程 Learn To Create A Local Multiplayer Game In Unity MP4 |视频:h264,1280x720 |音频:A ...
如何在android中创建自定义对话框？
本文翻译自:How to create a Custom Dialog box in android? I want to create a custom dialog box like below ...
在Objective-C中创建一个抽象类
我原来是一名Java程序员,现在使用Objective-C. 我想创建一个抽象类,但在Objective-C中似乎不可能. 这可能吗? 如果没有,我可以在Objective-C中获得一个抽象类的接近程 ...

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

Android中创建一个商品展示小案例相关推荐

最新文章

热门文章