ListView做一个简单的物价条

对listview界面的定制可以丰富界面的内容。首先我们需要准备一些相同类型的图片。

个人推荐图片网站：http://www.easyicon.net/ 设计师 比较喜欢。而且图片大小分辨率可以选择一致。

那么就先展示最终的效果吧：

为了做出这样的效果（使用的是Android Studio），首先
分析一下，左边是一个图片imageView ，图片下边是一个textview 表示价格,右边也是一个textview 表示产品类别，水平垂直居中。
要达到如此效果，你需要创建如下的文件：

*Fruit.java作为listview内容的java类
FruitAdapter.java作为Fruit的适配器类
ManActivity.java就不用说了
activity_main.xml文件—–放置listview
fruit_item.xml文件—listview内部的图片和textview*
还需要把图片复制进来，放置在drawable文件夹下。

代码具体如下：
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
    <!-- image view 用于显示图片-->
</RelativeLayout>

fruit_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <!-- 价格 显示在图片的下方 调整一下距离-->
    <TextView
        android:id="@+id/price_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:layout_marginLeft="12dp"
        />
    <!-- 显示图片右边的文字的textview 垂直水平 居中-->
    <TextView
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        />
</RelativeLayout>

Fruit.java

package com.example.administrator.app4;


public class Fruit {
    private String name;//name
    private String price;//price
    private int imageId;//图片id
    public Fruit(String name,int imageId,String price)//构造函数
    {
        this.name = name;//参数传值
        this.imageId = imageId;
        this.price = price;
    }
    //获得name
    public String getName()
    {
        return name;
    }
    //get peice
    public String getPrice()
    {
        return price;
    }
    //获得image id
    public int getImageId()
    {
        return imageId;
    }
}

FruitAdapter.java

package com.example.administrator.app4;

import android.content.Context;
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 java.util.List;

/**
 * Created by Administrator on 2016/3/17.
 * 这个类是创建 自定义的适配器
 * 继承至ArrayAdapter
 */
public class FruitAdapter extends ArrayAdapter<Fruit>{
    private int resource;
    public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects) {
        super(context,textViewResourceId, objects);
        resource = textViewResourceId;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //获取当前项的Fruit实例
        Fruit fruit = getItem(position);
        View view = LayoutInflater.from(getContext()).inflate(resource, null);
        //findViewBuId
        ImageView fruitImage= (ImageView) view.findViewById(R.id.fruit_image);
        TextView priceText= (TextView) view.findViewById(R.id.price_item);
        TextView fruitName= (TextView) view.findViewById(R.id.fruit_name);
        //设置图片
        fruitImage.setImageResource(fruit.getImageId());
        //设置价格
        priceText.setText(fruit.getPrice());
        //设置文字
        fruitName.setText(fruit.getName());
        return view;

    }
}

MainActivty.java

package com.example.administrator.app4;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity {
    //声明 水果列表对象
    private List<Fruit> fruitList = new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initFruits();
        FruitAdapter fruitAdapter = new FruitAdapter(MainActivity.this,R.layout.fruit_item,fruitList);
        ListView listView = (ListView) findViewById(R.id.list_view);
        listView.setAdapter(fruitAdapter);
    }
    //初始化 水果列表数据
    public  void initFruits()
    {
        Fruit apple = new Fruit("苹果",R.drawable.image1,"1元");
        Fruit orang = new Fruit("番茄",R.drawable.image4,"2元");
        Fruit aaa = new Fruit("橘子",R.drawable.image2,"3元");
        Fruit bbb = new Fruit("沙拉",R.drawable.image3,"3元");
        Fruit ccc = new Fruit("草莓",R.drawable.image6,"2元");
        Fruit ddd = new Fruit("番茄",R.drawable.image4,"2.3元");
        Fruit eee = new Fruit("番茄",R.drawable.image5,"1元");
        Fruit fff = new Fruit("番茄",R.drawable.image2,"2元");
        Fruit ggg = new Fruit("番茄",R.drawable.image1,"3元");
        Fruit hhh = new Fruit("番茄",R.drawable.image3,"0.5元");

        fruitList.add(apple);
        fruitList.add(orang);
        fruitList.add(aaa);
        fruitList.add(bbb);
        fruitList.add(ccc);
        fruitList.add(ddd);
        fruitList.add(eee);
        fruitList.add(fff);
        fruitList.add(ggg);
        fruitList.add(hhh);


    }
}

图片下载地址：http://download.csdn.net/detail/dada111111111/9465806