案例——商品展示 菜鸟级别的我

本文介绍了如何创建一个简单的Android商品展示应用,涵盖了从创建应用程序布局、设计ListView item、创建数据库到实现数据操作逻辑的全过程。通过实例展示了如何在布局文件中添加输入框和ListView,以及如何定义listview item的XML布局。此外,还涉及了数据库的创建,包括创建MyHelper类来继承SQLiteOpenHelper,以及创建Account类作为数据模型。最后,实现了界面与数据库的交互,包括添加、删除、更新商品信息的功能。
摘要由CSDN通过智能技术生成
五一假期要过完了,也准备写了。比较悲伤
今天要说的是一个商品展示的一个小程序。

一 创建程序
首先创建一个名为“商品展示”的应用程序,将包名修改为cn.edu.bzu。设计用户交互页面,“商品展示”程序对应的布局文件(activity-main.xml)如下:
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    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="cn.edu.bzu.shopshow.MainActivity">

    <LinearLayout
        android:id="@+id/addLL"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        
    <EditText
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:hint="商品名称"
        android:layout_weight="1"
        android:id="@+id/nameET" />

    <EditText
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:inputType="number"
        android:hint="金额"
        android:layout_weight="1"
        android:id="@+id/balanceET" />

        <ImageView
            android:onClick="add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_input_add"
            android:id="@+id/addIV" />
</LinearLayout>

    <ListView
        android:id="@+id/accountLV"
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:layout_below="@+id/addLL">
    </ListView>
</LinearLayout>


上述代码中用ImageView显示图片。其中使用到了ImageView的属性android:src来指定ImageView要显示的图片,但是只显示图片原图大小。如果使用android:background属性,图片的大小会根据ImageView的大小来进行拉伸。
二 创建listview item布局
由于这个案例使用到了listview布局,所以我们要写一个listview item的布局。
在res/layout目录下创建一个item.xml文件。如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:padding="10dp">

    <TextView
        android:text="13"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/idTV"
        android:layout_weight="1" 
        android:textColor="#000000"
        android:textSize="20sp" />

    <TextView
        android:text="PQ"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/nameTV"
        android:layout_weight="2"
        android:singleLine="true"
        android:textColor="#000000"
        android:textSize="20sp"/>

    <TextView
        android:text="12345"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/balanceTV"
        android:layout_weight="2" 
        android:singleLine="true"
        android:textColor="#000000"
        android:textSize="20sp"/>
    
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@android:drawable/arrow_up_float"
        android:id="@+id/upIV"
        android:layout_marginBottom="2dp" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@android:drawable/arrow_down_float"
        android:id="@+id/downIV" />
        
    </LinearLayout>   
    
    <ImageView
            android:layout_width="25dp"
            android:layout_height="25dp"
            app:srcCompat="@android:drawable/ic_menu_delete"
            android:id="@+id/delectIV" />
    
</LinearLayout>

在上边我们添加了三个TextView,分别用于显示数据库中的某条数据的id、商品名称、金额,而三个ImageView则用于增加金额、减少金额、删除数据。
图下:




三 创建数据库
创建数据库属于数据操作,所以我们需要在 cn.edu.bzu的包下创建一个包围dao的包。并且要在该包下定义一个MyHelper类继承自SQLiteOpenHelper。如下:

package cn.edu.bzu.shopshow.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/28.
 */

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");

    }
}

四 创建Account类
在操作数据库时将数据存放至一个JavaBean对象中操作起来会比较方便。因此,需要在 cn.edu.bzu包下创建一个bean包用于存放Javabean类,然后再 cn.edu.bzu.bean包下定义一个类Account。如下:

package cn.edu.bzu.shopshow.bean;

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

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+"]";
    }
}

五 创建数据操作逻辑类
我们在前面创建了数据库和Javabean,接下来需要编写数据逻辑操作类。在 cn.edu.bzu.dao包下创建一个AccountDao类用于操作数据。如下:

package cn.edu.bzu.shopshow.dao;

import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
import android.renderscript.Sampler;

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

import cn.edu.bzu.shopshow.bean.Account;

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

public class AccountDao {
    private MyHelper helper;
    public AccountDao(Context context){
        helper=new MyHelper(context);
    }
    public void insert(Account account){
        SQLiteDatabase db=helper.getWritableDatabase();
        ContentValues values=new ContentValues();
        values.put("name",account.getName());
        values.put("balance",account.getBalance());
        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.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;  
    }  
}  

在上述代码中是操作数据库的逻辑类AccountDao,该类创建了对数据进行增、删、改、查操作的方法。需要注意的是,在第7~18行代码中的insert()方法中调用了db.insert()方法,这个方法第二个参数如果传入null,是无法插入一条空数据的。如果想插入一条空数据,第二个参数必须写一个列名(任意列),传入的这个列名是用来拼接SQL语句的。

六 编写界面交互代码(MainActivity)
数据库的操作完成之后需要界面与数据库进行交互,用于实现将数据库中的数据以ListView的形式展示在界面上,如下:

package cn.edu.bzu.productshow;  
import android.app.Activity;  
import android.app.AlertDialog.Builder;  
import android.content.DialogInterface;  
import android.os.Bundle;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.view.ViewGroup;  
import android.widget.AdapterView;  
import android.widget.AdapterView.OnItemClickListener;  
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 cn.edu.bzu.productshow.Bean.Account;  
  
import java.util.List;  
import java.util.Locale;  
  
import cn.edu.bzu.productshow.Dao.AccountDao;  
  
public class MainActivity extends Activity {  
//需要适配的数据集合  
    private List<Account> list;  
    //需要增删改查操作类  
    private AccountDao dao;  
    //输入姓名的edittext  
    private EditText nameET;  
    //输入金额的edittext  
    private EditText balanceET;  
    //适配器  
    private MyAdapter adapter;  
    //Listview  
    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对应的inageview的点击事件触发的方法  
    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);  
        }  
        public long getItemId(int position) //根据位置获取id  
        {  
            return  position;  
        }  
        //获取一个条目视图  
        public View getView(int position, View convertView, ViewGroup parent)  
        {  
            //重用converView  
             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 upTV=(ImageView) item.findViewById(R.id.upIV);  
            ImageView downTV=(ImageView) item.findViewById(R.id.downIV);  
            ImageView deleteTV=(ImageView) item.findViewById(R.id.deleteIV);  
            //向上箭头的事件触发方法  
            upTV.setOnClickListener(new View.OnClickListener() {  
                @Override  
                public void onClick(View v) {  
                    a.setBalance(a.getBalance()+1);  
                    notifyDataSetChanged();  
                    dao.update(a);  
                }  
            });<pre class="html" name="code">           //向下箭头的事件触发方法  
            upTV.setOnClickListener(new View.OnClickListener() {  
                @Override  
                public void onClick(View v) {  
                    a.setBalance(a.getBalance()-1);  
                    notifyDataSetChanged();  
                    dao.update(a);  
                }  
            });
            deleteTV.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();//刷新界面  
                                }  
                            };  
                    //创建对话框  
                    Builder builder =new Builder(MainActivity.this);  
                    builder.setTitle("确定要删除吗?");           //设置标题  
                    //设置确定按钮的文本以及监听器  
                    builder.setPositiveButton("确定",listener);  
                    builder.setNegativeButton("取消",null);  
                    builder.show();  
                }  
            });  
            return item;  
        }  
    }  
    //Listview的item点击事件  
    private class MyOnItemClickListener implements OnItemClickListener{  
  
        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();  
        }  
    }  
}  



  
  
ListView的setOnItemClickListener()方法:该方法用于监听Item的点击事件,在使用该方法时需要传入一个OnItemClickListener的实现类对象,并且需要实现onItemClick方法。当点击ListView的Item时就会触发Item的点击事件然后会回到调onItemClick()方法。
ListView的setSelection()方法:该方法的作用是设置当前选中的条目。假设当前屏幕一屏只能显示10条数据,当添加第11条数据时,调用此方法就会将第11条数据显示在屏幕上,将第1条数据滑出屏幕外。
Adapter的notifyDataSetChange()方法:该方法是用于重新数据,当数据适配器中的内容发生变化时,会调用此方法,重新执行BaseAdapter中的getView()方法。
七 运行程序展示商品
大家可以尝试多添加几个看看。


  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值