Android实现商品展示效果

一、 创建手机界面布局

创建一个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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.bz0209.shopshowdemo.activity_main"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:id="@+id/etName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="商品名称"
android:inputType="text"
android:layout_weight="1"
/>
<EditText
android:id="@+id/etAmount"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="商品金额"
android:inputType="number"
android:layout_weight="1"
/>
<ImageView
android:id="@+id/ivAdd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="addGoods"
android:inputType="text"
android:src="@android:drawable/ic_input_add"
/>
</LinearLayout>
<ListView
android:id="@+id/lvGoods"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
</LinearLayout>

效果图如下：

二、创建一个存储展示的xml文件

创建一个名为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">
<TextView
android:text="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tvId"
android:textSize="20sp"
android:layout_weight="2"
/>
<TextView
android:text="商品名称"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tvName"
android:textSize="20sp"
android:layout_weight="2"
/>
<TextView
android:text="金额"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tvAmount"
android:textSize="20sp"
android:layout_weight="2"
/>
<ImageView
android:id="@+id/ivUP"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
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"
/>
<ImageView
android:id="@+id/ivDelete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@android:drawable/arrow_down_float"
/>
</LinearLayout>

三、创建数据库

在com.example.bz0209.shopshowdemo 的包下创建一个名为db的包，并在该包下定义一个dbHelper类继承自SQLiteOpenHelper，创建数据库代码如下：

package com.example.bz0209.shopshowdemo.db;
import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
/**
* Created by Administrator on 2017/4/28.
*/
public class DBHelper extends SQLiteOpenHelper{
public static final String CREATE_GOODS="create table goods(_id integer primary key autoincrement,name varchar(20),amount integer)";
public DBHelper(Context context,int version){
super(context,"goods.db",null,version);
}
@Override
public void onCreate(SQLiteDatabase db) {
db.execSQL(CREATE_GOODS);
}
@Override
public void onUpgrade(SQLiteDatabase db,int oldVersion,int newVersion) {
}
}

四、创建GoodsAdapter类

为了操作数据库方便，创建一个GoodsAdapter类。因此需要在com.example.bz0209.shopshowdemo 的包下创建一个名为entity的包，然后在com.example.bz0209.shopshowdemo.entityd的包下定义一个GoodsAdapter类，代码如下：

package com.example.bz0209.shopshowdemo;
import android.content.Context;
import android.support.annotation.NonNull;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.example.bz0209.shopshowdemo.entity.Goods;
import java.util.List;
/**
* Created by Administrator on 2017/4/27.
*/
public class GoodsAdapter extends ArrayAdapter<Goods>{
private int resounceId;
public GoodsAdapter(Context context, int resource, List<Goods> objects) {
super(context, resource, objects);
resounceId=resource;
}
@NonNull
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Goods goods=getItem(position);
View view=null;
ViewHolder viewHolder;
if (convertView==null){
view = LayoutInflater.from(getContext()).inflate(resounceId,null);
viewHolder =new ViewHolder();
viewHolder.tvId=(TextView) view.findViewById(R.id.tvId);
viewHolder.tvName=(TextView) view.findViewById(R.id.tvName);
viewHolder.tvAmount=(TextView) view.findViewById(R.id.etAmount);
viewHolder.ivUp=(ImageView) view.findViewById(R.id.ivUP);
viewHolder.ivDown=(ImageView) view.findViewById(R.id.ivDown);
viewHolder.ivDelete=(ImageView) view.findViewById(R.id.ivDelete);
view.setTag(viewHolder);
}else {
view=convertView;
viewHolder=(ViewHolder) view.getTag();
}
viewHolder.tvId.setText(goods.getId()+"");
viewHolder.tvName.setText(goods.getName());
viewHolder.tvAmount.setText(goods.getAmount()+"");
return view;
}
class ViewHolder{
TextView tvId;
TextView tvName;
TextView tvAmount;
ImageView ivUp;
ImageView ivDown;
ImageView ivDelete;
}
}

五、创建数据操作逻辑类

在com.example.bz0209.shopshowdemo 的包下创建一个名为dao的包，并创建一个名为GoodsDao的类，用于操作数据。代码如下：

public class GoodsDao {
private DBHelper dbHelper;
public GoodsDao(Context context){
dbHelper=new DBHelper(context,1);
}
public void add(Goods goods){
SQLiteDatabase sqLiteDatabase=dbHelper.getWritableDatabase();
ContentValues values=new ContentValues();
values.put("name",goods.getName());
values.put("amount",goods.getAmount());
sqLiteDatabase.insert("goods",null,values);
sqLiteDatabase.close();
}
public int delete(long id){
SQLiteDatabase sqLiteDatabase=dbHelper.getWritableDatabase();
int count=sqLiteDatabase.delete("goods","id=?",new String[]{id+""});
sqLiteDatabase.close();
return count;
}
public int update(Goods goods){
SQLiteDatabase sqLiteDatabase=dbHelper.getWritableDatabase();
ContentValues values=new ContentValues();
values.put("name",goods.getName());
values.put("amount",goods.getAmount());
int count=sqLiteDatabase.update("goods",values,"id=?",new String[]{goods.getId()+""});
sqLiteDatabase.close();
return count;
}
public List<Goods> queryAll(){
List<Goods>goodsList=new ArrayList<>();
SQLiteDatabase sqLiteDatabase=dbHelper.getReadableDatabase();
Cursor cursor=sqLiteDatabase.query("goods",null,null,null,null,null,"amount desc");
while (cursor.moveToNext()){
long id=cursor.getLong(cursor.getColumnIndex("_id"));
String name=cursor.getString(cursor.getColumnIndex("name"));
int amount=cursor.getInt(cursor.getColumnIndex("amount"));
Goods goods=new Goods(name,amount);
goodsList.add(goods);
}
cursor.close();
sqLiteDatabase.close();
return goodsList;
}
}

六、编写界面交互代码

数据库操作完成后，需要界面与数据库进行交互，用于实现将数据库中的数据以ListView的形式展现在界面上具体代码如下：

package com.example.bz0209.shopshowdemo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.ListView;
import com.example.bz0209.shopshowdemo.dao.GoodsDao;
import com.example.bz0209.shopshowdemo.entity.Goods;
import java.util.List;
public class activity_main extends AppCompatActivity {
private EditText etName;
private EditText etAmount;
private ListView lvGoods;
private GoodsAdapter goodsAdapter;
private GoodsDao goodsDao;
private List<Goods>goodsList;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
etName=(EditText)findViewById(R.id.etName);
etAmount=(EditText)findViewById(R.id.etAmount);
lvGoods=(ListView)findViewById(R.id.lvGoods);
goodsDao=new GoodsDao(this);
goodsList=goodsDao.queryAll();
goodsAdapter=new GoodsAdapter(this,R.layout.item,goodsList);
lvGoods.setAdapter(goodsAdapter);
}
public void addGoods(View view){
String name=etName.getText().toString();
String amount=etAmount.getText().toString();
Goods goods=new Goods(name,amount.equals("")?0:Integer.parseInt(amount));
goodsDao.add(goods);
}
}

七、完成后的结果展示

（1）创建起数据库的图为：

（2）最后的运行结果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• Android仿淘宝切换商品列表布局效果的示例代码
• Android仿京东、天猫商品详情页
• Android 仿淘宝商品属性标签页
• 安卓(android)仿电商app商品详情页按钮浮动效果
• Android仿淘宝商品浏览界面图片滚动效果
• Android 仿京东、拼多多商品分类页的示例代码