ListView商品展示

代码块

  • 用户主界面 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.administrator.product_show.MainActivity"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/addLL"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

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

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

        <ImageView
            android:id="@+id/addIV"
            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/accountLV"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/addLL" >
    </ListView>
</LinearLayout>
  • 效果图
    这里写图片描述

  • ListView子项的布局文件item.xml代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="10dp">

    <TextView
        android:id="@+id/idTV"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Num"
        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="commodity"
        android:textColor="#000000"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/balanceTV"
        android:inputType="number"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:singleLine="true"
        android:text="money"
        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>
  • 效果图
    这里写图片描述
  • 创建数据库MyMyDBHelper类继承自SQLiteOpenHelper,创建数据库的代码如下:
package com.example.administrator.product_show.Dao;

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
import android.util.Log;


public class MyMyDBHelperextends SQLiteOpenHelper {
    public MyDBHelper(Context context) {
        super(context, "product.db", null, 2);
    }

    @Override
    public void onCreate(SQLiteDatabase db) {
        Log.d("MyDBHelper","OnCreate");
        db.execSQL("create table account(_id integer primary key autoincrement,name varchar(20),balance integer)");//id主键,商品名称列,金额列
    }

    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
        Log.d("MyDBHelper","OnUpgrade");
    }
}
  • 在Dao下创建一个AccountDao.java(数据库操作增删改)。具体代码如下:
package com.example.administrator.product_show.Dao;

import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import com.example.administrator.product_show.model.Account;
import java.util.ArrayList;
import java.util.List;

public class AccountDao {
    private MyDBHelper helper;
    public AccountDao(Context context){
        helper=new MyMyDBHelper(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.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;
    }
}
  • 在model package创建Account.java实体类
package com.example.administrator.product_show.model;

/**
 * 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 Integer getBalance() {
        return balance;
    }

    public void setBalance(Integer balance) {
        if(balance>=0) this.balance = balance;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

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

    public Account(String name, Integer balance) {
        super();
        this.name = name;
        this.balance = balance;
    }
    public Account()
    {
        super();
    }
    public String toString()
    {
        return "[序号:"+id+",商品名称"+name+",余额:"+balance+"]";
    }
}
  • MainActivity.java(初始化页面设置事件)
package com.example.administrator.product_show;

import android.app.Activity;
import android.app.AlertDialog.Builder;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
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 java.util.List;
import com.example.administrator.product_show.Dao.AccountDao;
import com.example.administrator.product_show.model.Account;
import java.util.List;

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

        if("".equals(name)||"".equals(balance)) {
            Toast.makeText(getApplicationContext(), "商品名和金额不能为空", Toast.LENGTH_SHORT).show();
            return;
        }
        //三目运算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);
                }
            });
            //向下箭头的事件触发方法
            downTV.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();
        }
    }
}
  • 程序整体效果展示

这里写图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1.首先,在fragment的布局文件中添加一个ListView控件。例如: ``` <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2.创建一个自定义的Adapter类,用于将商品数据显示在ListView上。例如: ``` public class ProductAdapter extends BaseAdapter { private Context mContext; private List<Product> mProductList; public ProductAdapter(Context context, List<Product> productList) { mContext = context; mProductList = productList; } @Override public int getCount() { return mProductList.size(); } @Override public Object getItem(int position) { return mProductList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { convertView = LayoutInflater.from(mContext).inflate(R.layout.item_product, parent, false); holder = new ViewHolder(); holder.imageView = convertView.findViewById(R.id.imageview); holder.nameTextView = convertView.findViewById(R.id.name_textview); holder.priceTextView = convertView.findViewById(R.id.price_textview); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } Product product = mProductList.get(position); holder.imageView.setImageResource(product.getImageResId()); holder.nameTextView.setText(product.getName()); holder.priceTextView.setText(product.getPrice()); return convertView; } private static class ViewHolder { ImageView imageView; TextView nameTextView; TextView priceTextView; } } ``` 3.在fragment的Java代码中,初始化ListView控件,并使用上一步创建的Adapter类将商品数据显示在ListView上。例如: ``` public class ProductFragment extends Fragment { private ListView mListView; private ProductAdapter mAdapter; private List<Product> mProductList; @Override public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_product, container, false); mListView = view.findViewById(R.id.listview); mProductList = getProductList(); // 获取商品数据 mAdapter = new ProductAdapter(getActivity(), mProductList); mListView.setAdapter(mAdapter); return view; } private List<Product> getProductList() { List<Product> productList = new ArrayList<>(); productList.add(new Product(R.drawable.product1, "商品1", "100元")); productList.add(new Product(R.drawable.product2, "商品2", "200元")); productList.add(new Product(R.drawable.product3, "商品3", "300元")); return productList; } } ``` 4.最后,创建一个商品类Product,用于存储商品数据。例如: ``` public class Product { private int mImageResId; private String mName; private String mPrice; public Product(int imageResId, String name, String price) { mImageResId = imageResId; mName = name; mPrice = price; } public int getImageResId() { return mImageResId; } public String getName() { return mName; } public String getPrice() { return mPrice; } } ``` 这样,就可以在fragment中使用ListView设计一个商品展示页面了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值