如何使用Picasso或Glide庫將圖像字符串路徑加載到ImageView中？

Question

所以我有一堆我從Firebase中檢索的圖像字符串路徑。對於每個字符串，我想使用Picasso或Glide將該圖像上傳到ImageView中。 但是無論我做什麼，圖像都不會加載。該應用程序不會崩潰，它只是ImageView是空白的。

這裏是我從Firebase數據庫中查詢的代碼。

//Firebase 
     mRef = new Firebase("https://frontier-e802a.firebaseio.com/"); 
     Firebase cardReference = mRef.child("cards"); 
     cardReference.addValueEventListener(new ValueEventListener() { 
      @Override 
      public void onDataChange(DataSnapshot dataSnapshot) { 
       //Toast.makeText(getBaseContext(),String.valueOf(dataSnapshot),Toast.LENGTH_SHORT).show(); 
       for (DataSnapshot dataSnapshot1 : dataSnapshot.getChildren()) { 
        CardModel fireBaseCard = dataSnapshot1.getValue(CardModel.class); 
        testCardModelArray.add(fireBaseCard); 

       } 
       /*for(CardModel cardModel : testCardModelArray) 
       { 
        Toast.makeText(getBaseContext(),cardModel.getImages().get(cardModel.getImages().size()-1),Toast.LENGTH_SHORT).show(); 

       }*/ 
       setupCards(); 
      } 
      @Override 
      public void onCancelled(FirebaseError firebaseError) { 
      } 
     }); 
     adapter = new SwipeDeckAdapter(testCardModelArray, this); 


    private void setupCards() 
    { 
     testData = new ArrayList<>(); 
     for (int i = 0; i < 10; i++) { 
      testData.add(String.valueOf(i)); 
     } 

     adapter = new SwipeDeckAdapter(testCardModelArray, this); 
     if(cardStack != null) 
     { 
      cardStack.setAdapter(adapter); 
     } 
     cardStack.setCallback(new SwipeDeck.SwipeDeckCallback() { 
      @Override 
      public void cardSwipedLeft(long stableId) { 
       Log.i("ActivityCenter", "card was swiped left, position in adapter: " + stableId); 
      } 

      @Override 
      public void cardSwipedRight(long stableId) { 
       Log.i("ActivityCenter", "card was swiped right, position in adapter: " + stableId); 
       Toast.makeText(getBaseContext(),String.valueOf(stableId),Toast.LENGTH_SHORT).show(); 

      } 

      @Override 
      public boolean isDragEnabled(long itemId) { 
       return dragCheckbox.isChecked(); 
      } 
     }); 

     cardStack.setLeftImage(R.id.left_image); 
     cardStack.setRightImage(R.id.right_image); 

     Button btn = (Button) findViewById(R.id.button_left); 
     btn.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       cardStack.swipeTopCardLeft(500); 

      } 
     }); 
     Button btn2 = (Button) findViewById(R.id.button_right); 
     btn2.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       cardStack.swipeTopCardRight(180); 
      } 
     }); 

     Button btn3 = (Button) findViewById(R.id.button_center); 
     btn3.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
//    testData.add("a sample string."); 
//    adapter.notifyDataSetChanged(); 
       cardStack.unSwipeCard(); 
      } 
     }); 
    } 

這裏是我的適配器，我想使用滑翔/畢加索和沒有什麼作品。它非常令人沮喪。

public class SwipeDeckAdapter extends BaseAdapter 
    { 
     private List<CardModel> data; 
     private Context context; 

     public SwipeDeckAdapter(List<CardModel> data, Context context) { 
      this.data = data; 
      this.context = context; 
     } 

     @Override 
     public int getCount() { 
      return data.size(); 
     } 

     //No idea how these getItem and getItemId are used. 
     @Override 
     public Object getItem(int position) 
     { 
      return data.get(position).getCardID(); 
     } 
     //Not used at all 
     @Override 
     public long getItemId(int position) { 
      return position; 
     } 

     @Override 
     public View getView(final int position, View convertView, ViewGroup parent) { 

      View v = convertView; 
      if (v == null) 
      { 
       LayoutInflater inflater = getLayoutInflater(); 
       // normally use a viewholder 
       v = inflater.inflate(R.layout.test_card2, parent, false); 
      } 
      //((TextView) v.findViewById(R.id.textView2)).setText(data.get(position)); 

      ImageView imageView = (ImageView) v.findViewById(R.id.offer_image); 
      TextView textView = (TextView) v.findViewById(R.id.sample_text); 
      if(!data.get(position).getImages().isEmpty()) 
      { 
       Glide.with(context).load(data.get(position).getImages().get(data.get(position).getImages().size()-1)).centerCrop().into(imageView); 
       String item = data.get(position).getCardName(); 
       textView.setText(item); 
      } 
      else 
      { 
       Picasso.with(context).load(R.drawable.food).fit().centerCrop().into(imageView); 
       String item = data.get(position).getCardName(); 
       textView.setText(item); 

      } 
      v.setOnClickListener(new View.OnClickListener() { 
       @Override 
       public void onClick(View v) { 
        Log.i("Layer type: ", Integer.toString(v.getLayerType())); 
        Log.i("Hardware Accel type:", Integer.toString(View.LAYER_TYPE_HARDWARE)); 
        /*Intent i = new Intent(v.getContext(), BlankActivity.class); 
        v.getContext().startActivity(i);*/ 
       } 
      }); 
      return v; 
     } 
    } 

希望你們能提供見解。而且我知道我成功地查詢了卡片，因爲我能夠遍歷所有的字符串並烘烤它們。

Answer 1

在你getItem方法必須返回data.get（位置）代替data.get（位置）.getCardID（）;

Answer 2

片段加載圖像從文件到ImageView的（滑翔）：

Glide.with(context) 
    .load(new File(path)) 
    .into(imageView);