Bilder vom Internet in einer ListView anzeigen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Bilder vom Internet in einer ListView anzeigen

    Ich möchte, dass 200 Bilder von einer Webseite in einer ListView verteilt werden. Also dass die ListView dann auch 200 Reihen lang ist und in jeder ein Bild erscheint.
    Bisher habe ich nur die 200 Reihen der ListView und jeweils in jeder Reihe die Überschrift und die Internetadresse des Bildes.


    Hier ist mein CustomAdapter:

    Quellcode

    1. [/font][/color][color=#333333][font='verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif']public class CustomAdapter extends BaseAdapter implements View.OnClickListener {
    2. /*********** Declare Used Variables *********/
    3. private Activity activity;
    4. private ArrayList data;
    5. private static LayoutInflater inflater=null;
    6. public Resources res;
    7. ListModel tempValues=null;
    8. int i=0;
    9. /************* CustomAdapter Constructor *****************/
    10. public CustomAdapter(Activity a, ArrayList d,Resources resLocal) {
    11. /********** Take passed values **********/
    12. activity = a;
    13. data=d;
    14. res = resLocal;
    15. /*********** Layout inflator to call external xml layout () ***********/
    16. inflater = ( LayoutInflater )activity.
    17. getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    18. }
    19. /******** What is the size of Passed Arraylist Size ************/
    20. public int getCount() {
    21. if(data.size()<=0)
    22. return 1;
    23. return data.size();
    24. }
    25. public Object getItem(int position) {
    26. return position;
    27. }
    28. public long getItemId(int position) {
    29. return position;
    30. }
    31. /********* Create a holder Class to contain inflated xml file elements *********/
    32. public static class ViewHolder{
    33. public TextView text;
    34. public TextView text1;
    35. public TextView textWide;
    36. public ImageView image;
    37. }
    38. /****** Depends upon data size called for each row , Create each ListView row *****/
    39. public View getView(int position, View convertView, ViewGroup parent) {
    40. View vi = convertView;
    41. ViewHolder holder;
    42. if(convertView==null){
    43. /****** Inflate tabitem.xml file for each row ( Defined below ) *******/
    44. vi = inflater.inflate(R.layout.tabitem, null);
    45. /****** View Holder Object to contain tabitem.xml file elements ******/
    46. holder = new ViewHolder();
    47. holder.text = (TextView) vi.findViewById(R.id.text);
    48. holder.text1=(TextView)vi.findViewById(R.id.text1);
    49. holder.image=(ImageView)vi.findViewById(R.id.image);
    50. /************ Set holder with LayoutInflater ************/
    51. vi.setTag( holder );
    52. }
    53. else
    54. holder=(ViewHolder)vi.getTag();
    55. if(data.size()<=0)
    56. {
    57. holder.text.setText("No Data");
    58. }
    59. else
    60. {
    61. /***** Get each Model object from Arraylist ********/
    62. tempValues=null;
    63. tempValues = ( ListModel ) data.get(position);
    64. /************ Set Model values in Holder elements ***********/
    65. holder.text.setText(tempValues.getCompanyName());
    66. holder.text1.setText( tempValues.getUrl() );
    67. holder.image.setImageResource(
    68. res.getIdentifier(
    69. "com.androidexample.customlistview:drawable/"+tempValues.getImage(),null,null));
    70. /******** Set Item Click Listner for LayoutInflater for each row *******/
    71. vi.setOnClickListener(new OnItemClickListener( position ));
    72. }
    73. return vi;
    74. }
    75. @Override
    76. public void onClick(View v) {
    77. Log.v("CustomAdapter", "=====Row button clicked=====");
    78. }
    79. /********* Called when Item click in ListView ************/
    80. private class OnItemClickListener implements View.OnClickListener{
    81. private int mPosition;
    82. OnItemClickListener(int position){
    83. mPosition = position;
    84. }
    85. @Override
    86. public void onClick(View arg0) {
    87. CustomListView sct = (CustomListView)activity;
    88. /**** Call onItemClick Method inside CustomListViewAndroidExample Class ( See Below )****/
    89. sct.onItemClick(mPosition);
    90. }}[/font][/color][color=#333333][font='verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif']
    Alles anzeigen



    Und hier sind meine eigenen Codes:


    Quellcode

    1. [/font][/color][color=#333333][font='verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif']public static Bitmap getBitmapFromURL(String src) {
    2. try {URL url = new URL(src);
    3. return BitmapFactory.decodeStream(url.openConnection().getInputStream());
    4. }
    5. catch(Exception e){
    6. e.printStackTrace();
    7. }
    8. return null;
    9. }
    10. public String getPictureName (int i){
    11. String in = ""+i+"";
    12. if(in.length() == 1){
    13. return "000"+in;
    14. }
    15. else if(in.length() == 2){
    16. return "00"+in;
    17. }
    18. else if(in.length() == 3){
    19. return "0"+in;
    20. }
    21. else{
    22. return in;
    23. }
    24. }
    25. for(int i = 1; i <= 200; i++){
    26. final int ii = i;
    27. final ImageView imageView = new ImageView(CustomListView.this);
    28. RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
    29. //linearLayout.addView(imageView,lp);
    30. Thread thread = new Thread(){
    31. @Override
    32. public void run(){
    33. final Bitmap bm = getBitmapFromURL("http://myURL.de/picture_"+getPictureName(ii)+".jpg");
    34. runOnUiThread(new Runnable() {
    35. @Override
    36. public void run() {
    37. if(bm !=null){
    38. imageView.setImageBitmap(bm);
    39. }
    40. else {
    41. //linearLayout.removeView(imageView);
    42. }
    43. }
    44. });
    45. }
    46. };thread.start ();}[/font][/color][color=#333333][font='verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif']
    Alles anzeigen



    Aber ich weiß jetzt nicht genau wo ich meinen Code einsetzen soll und im Internet fand ich auch nichts nützliches, wie man das macht und wohin der Code, der sagt, woher die Bilder geholt werden sollen, eingefügt werden soll ...
    Hoffe es kann mir jemand helfen ..
    Lg
  • Ein asynchroner Download Service sollte hier hilfreich sein.
    Oder eher 200 asynchrone Downloadservices? Man weiß es nicht. ;)

    Auf jeden Fall sollte das Ganze im Hintergrund geladen und dann nach erfolgreichem Download erst angezeigt werden.
    Ansonsten hat sich das mit dem Scrollen der Liste ganz schnell erledigt.
    Je mehr Käse, desto mehr Löcher.
    Je mehr Löcher, desto weniger Käse.
    Daraus folgt: je mehr Käse, desto weniger Käse.

    »Dies ist ein Forum. Schreibt Eure Fragen in das Forum, nicht per PN!«