Imageview和listviews - 是自定义适配器的解决方案吗?

时间:2013-12-13 17:44:10

标签: android android-listview android-imageview

我刚开始一些基本的Android编程,但我有点卡住了。很简单,我想制作一个包含图像的列表视图(最终产品是一个排序的图库,全屏,没有文字)。我尝试从URL加载图像异步,然后将它们加载到我的列表视图中。真正发生的是,我的listview充满了文本(android.widget.id blabla)。它似乎是我的图像视图的ID,因此我认为问题是适配器。为图像创建自定义适配器是否可以解决问题,该适配器将如何显示?我试图寻找一些例子(因为很多人尝试过类似的东西),但我找不到合适的东西。

MainActitivy.java:

public class MainActivity extends Activity {    
private ArrayList<ImageView> titles;
private ArrayAdapter<ImageView> adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);     
    setContentView(R.layout.activity_main);

    titles = new ArrayList<ImageView>();


    final ListView listview = (ListView) findViewById(R.id.list);
    adapter = new ArrayAdapter<ImageView>(this, android.R.layout.simple_list_item_1, android.R.id.text1, titles);

    listview.setAdapter(adapter); 

    titles.add(new ImageView(this));

    loadItems("http://test.com/images/3da25cead4806472c8c27012f724be45d0022cc7.jpeg");
    loadItems("http://test.com/images/fbef951ceb9a83d86427d607d67f1ba93008bdfa.jpeg");
    loadItems("http://test.com/images/e982478695ab765bb746dce4da8328a60fbd0bf6.jpeg");
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}

public void loadItems(String url){
    new LoadImage((ImageView) new ImageView(this), this).execute(url);
    //adapter.notifyDataSetChanged();
}

public void addToList(ImageView image){
    titles.add(image);
    adapter.notifyDataSetChanged();
}

}

LoadImage.java:

class LoadImage extends AsyncTask<String, Void, Bitmap> {
private ImageView image;
private MainActivity mainActivity;

  public LoadImage(ImageView image, MainActivity mainActivity) {
      this.image = image;
      this.mainActivity = mainActivity;
  }

  protected Bitmap doInBackground(String... urls) {
      String urldisplay = urls[0];
      Bitmap image = null;
      try{
        InputStream in = new java.net.URL(urldisplay).openStream();
        image = BitmapFactory.decodeStream(in);
      }catch(Exception e){
          Log.e("Error: ", e.getMessage());
      }
      return image;
  }

protected void onPostExecute(Bitmap result) {
      image.setImageBitmap(result);
      mainActivity.addToList(image);
  }
}

编辑: 所以,我尝试使用Universal Image Loader,我也尝试创建自己的适配器。现在看来是这样的:

MainActivity.java:

public class MainActivity extends Activity {    
private ImageLoader imageLoader;
private List<ImageObject> images;
private CustomAdapter adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);     
    setContentView(R.layout.activity_main);

    images = new ArrayList<ImageObject>();


    ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(this.getBaseContext()).build();
    imageLoader = ImageLoader.getInstance();
    imageLoader.init(config);


    adapter = new CustomAdapter(this, R.layout.list_view_row_item, images);
    ListView listView = (ListView) findViewById(R.id.listview);
    listView.setAdapter(adapter);

    addImage("https://www.google.dk/images/srpr/logo11w.png");
    addImage("https://www.google.dk/images/srpr/logo11w.png");
    addImage("https://www.google.dk/images/srpr/logo11w.png");
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}
public void addImage(String url){
    ImageObject image = new ImageObject(url, imageLoader);
    images.add(image);
    adapter.notifyDataSetChanged(); //Is this legit??
}
}

CustomAdapter.java:

public class CustomAdapter extends ArrayAdapter<ImageObject>{
private List<ImageObject> images;
private Context context;
private int resourceID;

public CustomAdapter(Context context, int resourceID, List<ImageObject> images) {
    super(context, resourceID, images);

    this.context = context;
    this.images = images;
    this.resourceID = resourceID;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    View view = convertView;

    if(view == null){
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        view = inflater.inflate(resourceID, null);
    }

    ImageObject image = images.get(position);

    if(image != null){
        // What goes here?
    }

    return view;
}

}

ImageObject.java:

public class ImageObject {
private String url;
private ImageView image;

public ImageObject(String url, ImageLoader imageLoader){
    this.setUrl(url);
    imageLoader.displayImage(url, image);
}

public String getUrl() {
    return url;
}

public void setUrl(String url) {
    this.url = url;
}

public ImageView getImage() {
    return image;
}

public void setImage(ImageView image) {
    this.image = image;
}
}

如何将加载的图像放入list-element? (//这里有什么?)

再次编辑: 通过将通用加载程序代码更改为适配器来解决此问题。             ImageView imageV =(ImageView)view.findViewById(R.id.imageview);             imageLoader.displayImage(image.getUrl(),imageV);

3 个答案:

答案 0 :(得分:1)

是的,你需要一个自定义的arrayAdapter,它不是一个大问题,易于实现。你可以在网上找到很多例子。代码中的问题是 simple_list_item_1 ...此参数用于在适配器中使用的布局。既然你已经提到过simple_list_item_1,它是android代码中的TextView,你只会看到Text。请参阅下面的android代码库中的 simple_list_item_1 代码: -

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceListItemSmall"
    android:gravity="center_vertical"
    android:paddingStart="?android:attr/listPreferredItemPaddingStart"
    android:paddingEnd="?android:attr/listPreferredItemPaddingEnd"
    android:minHeight="?android:attr/listPreferredItemHeightSmall"
/>

答案 1 :(得分:0)

您应该使用此库将图像从网络加载到列表视图中。它会为你缓存它们。这非常有效。试试看 。 Android-Universal-Image-Loader

并且您无需将图像加载到listview中。它只是一行代码。 对于你可以问我的任何问题。

答案 2 :(得分:0)

简单listView将使用字符串作为列表,如果您还需要其他内容,则必须使用custom adapter。以下是一些示例

androidexample.comvogella.comjavacodegeeks.comlearn2crack.com