我刚开始一些基本的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);
答案 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.com,vogella.com,javacodegeeks.com,learn2crack.com