Android商品展示案例
阿新 • • 發佈：2019-01-24
商品展示
首先建立一個名為 “商品展示 ” 的應用程式，設計使用者互動介面
“商品展示” 程式對應的佈局檔案（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:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_margin="8dp"
tools:context="cn.edu.bzu.productdisplay.MainActivity">
<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:onClick="add"
android:id="@+id/addIV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@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>
02
在res/layout 目錄下建立一個item.xml檔案，編寫如圖1所示介面。
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="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"
app:srcCompat="@android:drawable/arrow_up_float" />
<ImageView
android:id="@+id/downIV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@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>
03
建立一個名為dao的包，並在該包下定義一個MyHelper類繼承自SQLiteOpenHelper
建立資料庫的程式碼如下：
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)");
}
public void onUpgrade(SQLiteDatabase db,int oldVersion,int newVersion){
System.out.println("onUpgrade");
}
}
04
為了操作方便，建立一個Bean包用於存放Javabean類
該類具體程式碼如下
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 + "]";
}
}
05
在dao包下建立一個AccountDao類用於操作資料
具體程式碼如下所示
public class AccountDao {
private MyHelper helper;
public AccountDao(Context context){
//建立dao時，建立Helper;
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());
long id =db.insert("account",null,values);
account.setId(id); //得到id
db.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.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;
}
}
06
資料庫的操作完成之後需要介面與資料庫進行互動，用於實現將資料庫中的資料以ListView的形式展示在介面上，具體程式碼如下
public class MainActivity extends AppCompatActivity {
//需要適配的資料集合
private List<cn.edu.bzu.productdisplay.bean.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.setOnClickListener((View.OnClickListener) 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不是空字串 則進行型別轉換
cn.edu.bzu.productdisplay.bean.Account a = new cn.edu.bzu.productdisplay.bean.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) {
//重用convertView
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);
//根據當前位置獲取Account物件
final TextView balanceTV = (TextView) item.findViewById(R.id.balanceTV);
//把Account物件中的資料放到TextView中
final cn.edu.bzu.productdisplay.bean.Account a = list.get(position);
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 v) {
a.setBalance(a.getBalance() + 1); //修改值
notifyDataSetChanged(); //重新整理介面
dao.update(a); //更新資料庫
}
});
//向下箭頭的點選事件觸發的方法
downIV.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
a.setBalance(a.getBalance() - 1);
notifyDataSetChanged();
dao.update(a);
}
});
//刪除圖片的點選事件觸發的方法
deleteIV.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(); //重新整理介面
}
};
//建立對話方塊
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
builder.setTitle("確定要刪除嗎？"); //設定標題
//設定確定按鈕的文字以及監聽器
builder.setPositiveButton("確定", listener);
builder.setNegativeButton("取消", null); //設定取消按鈕
builder.show(); //顯示對話方塊
}
});
return item;
}
}
//ListView 的 Item 點選事件
private class MyOnItemClickListener implements AdapterView.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();
}
}
}
執行介面展示商品