將ImageView合併到列表中查看

我搜索了一個我的問題的答案，但是我找不到符合我的情況的答案。所以我的應用程序是一個計算機的在線商店。我做了兩個listViews和兩個自定義的行..一個用於商店，另一個用於購物籃。他們都展示了該產品的一些功能，而且它的圖片在右側。我的問題是我的圖片（他們直接從服務器）無法正確地放在我的ImageViews和ListViews中，我正在尋找解決方案。提前謝謝將ImageView合併到列表中查看

ps：我使用Picasso庫來顯示圖片。的代碼所使用的畢加索行：

Picasso.with(this.getContext()).load(lFoto).into(foto);

custom_row_shop.xml：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="horizontal" > 

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/list_ref" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="Ref Artikel :" 
      android:textColor="#2383c4" 
      android:textSize="11sp" 
      android:textStyle="bold" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="Betriebssytem :" 
      android:textSize="9sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/list_betriebssystem" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="sldjq" 
      android:textSize="9sp" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="Prozessor :" 
      android:textSize="9sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/list_prozessor" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="sldjq" 
      android:textSize="9sp" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="Grafikkarte :" 
      android:textSize="9sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/list_grafikkarte" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="sldjq" 
      android:textSize="9sp" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="RAM :" 
      android:textSize="9sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/list_arbeitsspeicher" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="sldjq" 
      android:textSize="9sp" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="Festplatte :" 
      android:textSize="9sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/list_festplatte" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="sldjq" 
      android:textSize="9sp" /> 
    </LinearLayout> 
</LinearLayout> 

<ImageView 
    android:id="@+id/list_foto" 
    android:layout_width="90dp" 
    android:layout_height="90dp" 
    android:layout_marginLeft="40dp" 
    android:layout_marginTop="20dp" 
    android:scaleType="centerCrop" 
    android:src="@drawable/ic_launcher" /> 

</LinearLayout>

custom_row_basket.xml：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="horizontal" > 

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/list_warenKorb_ref" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="Ref Artikel :" 
      android:textColor="#2383c4" 
      android:textSize="11sp" 
      android:textStyle="bold" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="Menge :" 
      android:textSize="9sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/list_warenKorb_menge" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="sldjq" 
      android:textSize="9sp" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="Preis :" 
      android:textSize="9sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/list_warenKorb_preis" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:text="sldjq" 
      android:textSize="9sp" /> 
    </LinearLayout> 
</LinearLayout> 

<ImageView 
    android:id="@+id/list_warenKorb_foto" 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:layout_marginLeft="120dp" 
    android:scaleType="centerCrop" 
    android:src="@drawable/ic_launcher" /> 

</LinearLayout>

來源

2017-03-07 user3816569

你在正確的ImageView被切斷。你想適合ImageView嗎？ –

@羅珊珊是的，我希望它仍然不會像第二張圖片所示那樣來回走動。第二項的筆記本電腦參考資料（藍色）比第一項短！這就是爲什麼圖片離左邊太近了！我希望它始終固定在右側 – user3816569

請參閱我的回答下方的 –

你應該使用RelativeLayout，嘗試下面的佈局，使圖像適應的權利，不切斷 custom_row_shop.xml：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_toLeftOf="@+id/list_foto" 
     android:orientation="vertical"> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 

      <TextView 
       android:id="@+id/list_ref" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="Ref Artikel :" 
       android:textColor="#2383c4" 
       android:textSize="11sp" 
       android:textStyle="bold" /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="Betriebssytem :" 
       android:textSize="9sp" 
       android:textStyle="bold" /> 

      <TextView 
       android:id="@+id/list_betriebssystem" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="sldjq" 
       android:textSize="9sp" /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="Prozessor :" 
       android:textSize="9sp" 
       android:textStyle="bold" /> 



      <TextView 
        android:id="@+id/list_prozessor" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_margin="5dp" 
        android:text="sldjq" 
        android:textSize="9sp" /> 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:orientation="horizontal"> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_margin="5dp" 
        android:text="Grafikkarte :" 
        android:textSize="9sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:id="@+id/list_grafikkarte" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_margin="5dp" 
        android:text="sldjq" 
        android:textSize="9sp" /> 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:orientation="horizontal"> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_margin="5dp" 
        android:text="RAM :" 
        android:textSize="9sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:id="@+id/list_arbeitsspeicher" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_margin="5dp" 
        android:text="sldjq" 
        android:textSize="9sp" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_margin="5dp" 
        android:text="Festplatte :" 
        android:textSize="9sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:id="@+id/list_festplatte" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_margin="5dp" 
        android:text="sldjq" 
        android:textSize="9sp" /> 
      </LinearLayout> 
     </LinearLayout> 

     <ImageView 
      android:id="@+id/list_foto" 
      android:layout_width="90dp" 
      android:layout_height="90dp" 
      android:layout_marginLeft="40dp" 
      android:layout_marginTop="20dp" 
      android:scaleType="centerCrop" 
      android:layout_alignParentRight="true" 
      android:src="@drawable/ic_launcher" /> 

    </RelativeLayout>

custom_row_basket.xml：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_toLeftOf="@+id/list_warenKorb_foto" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 

      <TextView 
       android:id="@+id/list_warenKorb_ref" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="Ref Artikel :" 
       android:textColor="#2383c4" 
       android:textSize="11sp" 
       android:textStyle="bold" /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="Menge :" 
       android:textSize="9sp" 
       android:textStyle="bold" /> 

      <TextView 
       android:id="@+id/list_warenKorb_menge" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="sldjq" 
       android:textSize="9sp" /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="Preis :" 
       android:textSize="9sp" 
       android:textStyle="bold" /> 

      <TextView 
       android:id="@+id/list_warenKorb_preis" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5dp" 
       android:text="sldjq" 
       android:textSize="9sp" /> 
     </LinearLayout> 
    </LinearLayout> 

    <ImageView 
     android:id="@+id/list_warenKorb_foto" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     android:layout_marginLeft="120dp" 
     android:scaleType="centerCrop" 
     android:layout_alignParentRight="true" 
     android:src="@drawable/ic_launcher" /> 

</RelativeLayout>

來源

2017-03-07 02:45:26

這解決了我的問題！謝謝先生：D – user3816569

問題是您的圖片有時會推到最右邊？這是它對我來說是什麼，但不知道。如果是這樣，請暫時在TextView上放一些背景顏色，看看它們是否佔用了太多空間。

來源

2017-03-07 02:17:11 dweebo

文字需要太多空間！任何提示如何避免這一點？並且您可以看到不適合ImageView的圖片！有一些削減..我如何可以在ImageView中正確顯示它們。同樣在第二張照片中，第二個項目的參考（藍色）比第一個項目短得多！這就是爲什麼第一張照片不能出現！但第二張照片太靠近左邊了！我如何將imageview設置爲靜止的地方，以免它來回走動！我希望我足夠清楚 – user3816569

試試這個，

使用android：scal ETYPE = 「fitXY」

<ImageView 
    android:id="@+id/list_foto" 
    android:layout_width="90dp" 
    android:layout_height="90dp" 
    android:layout_marginLeft="40dp" 
    android:layout_marginTop="20dp" 
    android:scaleType="fitXY" 
    android:src="@drawable/placeholder" />

Java類：

Picasso.with(this.getContext()).load(lFoto).into(foto);

來源

2017-03-07 02:46:55 user2025187

將ImageView合併到列表中查看

回答

相關問題