TextView的下面中心的TextView

Question

我需要放置低於在父居中另一個TextView的一個TextView：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/relative_row_product" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:padding="8dp" > 

    <ImageView 
     android:id="@+id/imageview_product" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     android:layout_marginRight="20dp" 
     android:contentDescription="@string/product" > 
    </ImageView> 

    <TextView 
     android:id="@+id/textview_title_product" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" 
     android:layout_toRightOf="@id/imageview_product" 
     android:textSize="16sp" 
     android:textStyle="bold" > 
    </TextView> 

    <TextView 
     android:id="@+id/textview_category_product" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/textview_title_product" 
     android:layout_toRightOf="@id/imageview_product" 
     android:textColor="@color/gray" 
     android:textSize="14sp" > 
    </TextView> 

</RelativeLayout> 

textview_category_product導致第一TextView的重疊（這似乎是忽略了centerInparent標誌）。我怎樣才能做到這一點？非常感謝。

Answer 1

試試這個..

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    > 
    <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    > 
    <ImageView 
     android:id="@+id/imageview_product" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     android:layout_marginRight="20dp" 
     android:contentDescription="@string/product" > 
    </ImageView> 

    <TextView 
     android:id="@+id/textview_title_product" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textSize="16sp" 
     android:gravity="center" 
     android:layout_gravity="center" 
     android:textStyle="bold" > 
    </TextView> 
    </LinearLayout> 

    <TextView 
     android:id="@+id/textview_category_product" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:gravity="center" 
     android:layout_gravity="center" 
     android:textColor="@color/gray" 
     android:textSize="14sp" > 
    </TextView> 


</LinearLayout> 

Answer 2

在

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/relative_row_product" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:padding="8dp" > 

應該

android:layout_height="match_parent" 

，而不是

android:layout_height="wrap_content" 

android：layout_height =「wrap_content」將佈局的高度設置爲視圖所需的最大高度。 IT不會讓它填滿整個屏幕。所以centerInParent不會居中在你的屏幕上！

而且也，在

<TextView 
     android:id="@+id/textview_title_product" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" 
     android:layout_toRightOf="@id/imageview_product" 
     android:textSize="16sp" 
     android:textStyle="bold" > 
</TextView> 

我不認爲centerInParent和toRightOf應該在一起。相反，在你的textview_title_product只使用centerInParent，並在您的ImageView使用

android:layout_toLeftOf="@id/textview_title_product" 

希望它能幫助:)

Answer 3

// try this 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/relative_row_product" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:padding="8dp" > 

    <ImageView 
     android:id="@+id/imageview_product" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     android:layout_marginRight="20dp" 
     android:contentDescription="@string/product" > 
    </ImageView> 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:orientation="vertical" 
     android:gravity="center"> 
     <TextView 
      android:id="@+id/textview_title_product" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textSize="16sp" 
      android:text="First TextView" 
      android:textStyle="bold" > 
     </TextView> 

     <TextView 
      android:id="@+id/textview_category_product" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textColor="@android:color/darker_gray" 
      android:text="Second TextView" 
      android:textSize="14sp" > 

     </TextView> 

    </LinearLayout> 
</LinearLayout>