線性佈局與圖像和文本

我要創建的佈局，有一個形象，多的TextView和評價這樣的，我有添加與適配器充氣這種佈局線線性佈局與圖像和文本

| Image| Name of Product   | 
|  Desc      | 
|  Amount      | 
|  EMI details     | 
|  Rating Sybmol total Rating |

所以我試圖創建佈局像這樣

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 
    <LinearLayout 
     android:id="@+id/mainLinearLayout" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:orientation="horizontal" > 
     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@mipmap/ic_launcher" 
      android:layout_marginTop="5dp" 
      android:layout_marginLeft="10dp"/> 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_marginLeft="10dp" 
      android:id="@+id/text" 
      android:text="Micromax Canvas Spark" 
      android:textColor="@android:color/black" /> 
    </LinearLayout> 
</RelativeLayout>

但我很困惑，我怎麼可以創建佈局，請幫我在這

來源

2015-05-28 Developer

你想他形象，他離開和textViews向右？ –

@EugeneH是，列表視圖中的每一行是行，當我在列表視圖中打印時 – Developer

我不太清楚你的意思。 –

這就是我假設你正在試圖完成的任務。

enter image description here

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 

    <ImageView 
     android:layout_width="48dp" 
     android:layout_height="48dp" 
     android:layout_marginLeft="16dp" 
     android:layout_marginTop="16dp" 
     android:src="@mipmap/ic_launcher"/> 

    <LinearLayout 
     android:id="@+id/mainLinearLayout" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_marginLeft="72dp" 
     android:orientation="vertical"> 


     <TextView 
      android:id="@+id/text" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="16dp" 
      android:text="Micromax Canvas Spark" 
      android:textColor="@android:color/black"/> 

     <TextView 
      android:id="@+id/text1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="10dp" 
      android:text="Micromax Canvas Spark" 
      android:textColor="@android:color/black"/> 

     <TextView 
      android:id="@+id/text2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="10dp" 
      android:text="Micromax Canvas Spark" 
      android:textColor="@android:color/black"/> 

     <TextView 
      android:id="@+id/text3" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="10dp" 
      android:text="Micromax Canvas Spark" 
      android:textColor="@android:color/black"/> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="10dp"> 

      <RatingBar 
       android:id="@+id/ratingBar" 
       style="?android:attr/ratingBarStyleSmall" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center_vertical" 
       android:rating="2"/> 

      <TextView 
       android:id="@+id/text4" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="16dp" 
       android:text="1003 Votes" 
       android:textColor="@android:color/black"/> 

     </LinearLayout> 
    </LinearLayout> 
</RelativeLayout>

分頻器的ListView控件

<ListView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:divider="#fff" 
    android:dividerHeight="1dp"/>

更新

更改等級欄的大小。

style="?android:attr/ratingBarStyleSmall" 
style="?android:attr/ratingBarStyleIndicator" // Perfect Size but stars are blue

來源

2015-05-28 05:17:23

我們如何才能在此佈局中顯示評級星或評級符號 – Developer

恰恰是我正在嘗試，但我還需要向此評級符號顯示 – Developer

使用評級欄更新佈局 –

I have implemented based on your prototype. 

<?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" > 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentStart="true" 
     android:src="@drawable/ic_launcher" /> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_toRightOf="@+id/imageView1" 
     android:orientation="vertical" > 

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

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="Name of Product:" /> 

      <TextView 
       android:id="@+id/txt_name_of_Product" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="---" /> 
     </LinearLayout> 

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

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="Desc:" /> 

      <TextView 
       android:id="@+id/txt_desc" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="---" /> 
     </LinearLayout> 

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

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="AMT:" /> 

      <TextView 
       android:id="@+id/txt_amount" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="---" /> 
     </LinearLayout> 

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

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="EMI Details:" /> 

      <TextView 
       android:id="@+id/txt_emi_detais" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="---" /> 
     </LinearLayout> 

     <RatingBar 
      android:id="@+id/ratingBar1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:scaleX="0.5" 
      android:scaleY="0.5" /> 
    </LinearLayout> 

</RelativeLayout>

來源

2015-05-28 05:47:30 user2477865

，但我們需要在評分欄後添加總評分數？ – Developer

然後，您可以在評分欄中添加android：numStars =「8」屬性。 – user2477865

不，我必須顯示文本視圖，並在評級欄後顯示評分的一些詳細信息 – Developer

線性佈局與圖像和文本

回答

相關問題