eatwhatApp开发实战（三）

在实战二中我们在eatwhatApp上增加了“添加店铺的功能”。接下来，我们来将添加的店铺显示出来，这里我们用到控件--ListView。

先上演示图：

首先，我们先设置布局：

    <RelativeLayout
        android:id="@+id/et_relative"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/add_shop_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="@string/add_shop_btn_text"
            android:onClick="addShop"/>
        <EditText
            android:id="@+id/addshop_et"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/add_shop_btn"
            android:textSize="18sp"/>
    </RelativeLayout>
    <TextView
        android:id="@+id/shop_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/shop_name"
        android:layout_below="@id/et_relative"
        android:paddingTop="20dp"
        android:textSize="18sp" />
    <Button
        android:id="@+id/random_btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/shop_name"
        android:text="@string/random_btn_text"/>
    <ListView
        android:id="@+id/lv_shop"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/random_btn"
        />    

设置listview里面每个item项的布局，布局文件：item_shop.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:layout_centerInParent="true"
        android:text="店名"/>
</RelativeLayout>

接下来在java代码中，首先添加一个Shop类，里面包含属性：String name；

public class Shop {

    private String name;

    public Shop(String name) {
        this.name = name;
    }

    public String getName() {
        return name;
    }

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

}

在MainActivity中定义一个内部类ShopInfoAdapter继承BaseAdapter：

　　//内部类 适配器继承BaseAdapter
    class ShopInfoAdapter extends BaseAdapter{

        @Override
        public int getCount() {

            return shopList.size();
        }

        @SuppressLint("ViewHolder")
        @Override
        public View getView(int position, View converView, ViewGroup parent) {

            View v = View.inflate(MainActivity.this, R.layout.item_shop, null);

            TextView tv_name = (TextView)v.findViewById(R.id.item_text);

            tv_name.setText(shopList.get(position).getName());

            return v;
        }
        @Override
        public Object getItem(int arg0) {

            return null;
        }

        @Override
        public long getItemId(int arg0) {

            return 0;
        }
    }

在开头定义：

    //Shop类型
    private List<Shop> shopList;
    //listview控件
    private ListView shop_lv;
    //适配器
    private ShopInfoAdapter shopAdapter;

inti()中初始化lsitview和adapter并设置adapter:

//初始化控件listview
shop_lv = (ListView) findViewById(R.id.lv_shop);

//初始化适配器
shopAdapter = new ShopInfoAdapter();

//设置适配器
shop_lv.setAdapter(shopAdapter);

修改addShop():

　　　　　if (addName != null && !"".equals(addName)){
            //List shop添加店名
            Shop shop = new Shop(addName);
            //添加新实例化的shop对象
            shopList.add(shop);
            //刷新listview
            shopAdapter.notifyDataSetChanged();
            //清空文本框内容
            addshop_et.setText("");

            String toast_text = "添加店铺：" + addName;

            Toast.makeText(MainActivity.this, toast_text, Toast.LENGTH_SHORT).show();
        } else{
            Toast.makeText(MainActivity.this, "添加内容为空", Toast.LENGTH_SHORT).show();
        }

在random_btn的点击事件中修改显示店名的逻辑：

shop_name.setText(shopList.get(num).getName());

这样就完成了这次的显示店名。