使用json在列表视图中显示图像和文本

时间:2012-03-27 06:44:48

标签: android mysql json

我使用json数组通过url从服务器获取mysql数据库中的图像和数据。我能够做listview所有图像,但我无法获得文本和图像。我想我是使用view holder创建自定义布局。我可以创建自定义布局。

            enter code here
       JSONArray json = jArray.getJSONArray("names");
        list=(ListView)findViewById(R.id.list);
         adapter=new ImageAdapter(this, json);
         list.setAdapter(adapter);

         ImageAdapter.java
    public class ImageAdapter extends BaseAdapter {
String qrimage;
Bitmap bmp;
private static LayoutInflater inflater = null;

private ImageView[] mImages;
String[] itemimage;
TextView[] tv;
String itemname;
HashMap<String, String> map = new HashMap<String, String>();

public ImageAdapter(Context context, JSONArray imageArrayJson) {
    this.mImages = new ImageView[imageArrayJson.length()];

    try {


        for (int i = 0; i < imageArrayJson.length(); i++) {
            JSONObject image = imageArrayJson.getJSONObject(i);
            qrimage = image.getString("itemimage");
            itemname = image.getString("itemname");
            map.put("itemname", image.getString("itemname"));
            System.out.println(itemname);

            byte[] qrimageBytes = Base64.decode(qrimage.getBytes());

            bmp = BitmapFactory.decodeByteArray(qrimageBytes, 0,
                    qrimageBytes.length);
            int width=100;
            int height=100;
            Bitmap resizedbitmap=Bitmap.createScaledBitmap(bmp, width, height, true);




            mImages[i] = new ImageView(context);
            mImages[i].setImageBitmap(resizedbitmap);


            mImages[i].setScaleType(ImageView.ScaleType.FIT_START);
            tv[i].setText(itemname);
        }

    } catch (Exception e) {
        // TODO: handle exception
    }
}

public int getCount() {
    return mImages.length;
}


public Object getItem(int position) {
    return position;
}

public long getItemId(int position) {
    return position;
}

public View getView(int position, View convertView, ViewGroup parent) {
      return mImages[position];
}
  }
       i can create one layout
  <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content">
   <ImageView
  android:id="@+id/image"
  android:layout_width="50dip"
  android:layout_height="50dip" android:src="@drawable/stub"          
      android:scaleType="centerCrop"/> 
    <TextView
  android:id="@+id/text"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:layout_weight="1"  android:textSize="20dip"      
      android:layout_marginLeft="10dip"/> 
    </LinearLayout>

上面的图像追加listview.xml,文本也附加了listview.xml 我希望在列表视图中显示图像和名称...请任何人都可以帮助我。

2 个答案:

答案 0 :(得分:1)

ImageAdapter类应该扩展BaseAdapter。请参阅http://pradeep-sharma.com/blog/android-custom-listview-baseadapter-tutorial/

答案 1 :(得分:0)

使用这样的适配器,在调用适配器之前将所有文本内容和位图放入数组

class NamesAdapter extends BaseAdapter{

//      @Override
        public int getCount() {
        // TODO Auto-generated method stub
        return mImages.length;
        }

//      @Override
        public Object getItem(int position) {
        // TODO Auto-generated method stub
        return null;
        }

//      @Override
        public long getItemId(int position) {
        // TODO Auto-generated method stub
        return 0;
        }

//      @Override
        public View getView(int pos, View convertView, ViewGroup parent) {
        View row=getLayoutInflater().inflate(R.layout.imagetext,null);
        TextView text=(TextView)row.findViewById(R.id.text);
                ImageView image=(ImnageView)row.findViewById(R.id.image);

        name.setText(text[pos]);
               image.setImageBitmap(resizedbitmap[pos]);
        return row;
        }

        }