2013-11-23 142 views
0

我在FrameLayout中使用RelativeLayout,但似乎無法獲得對齊權。這是我想要實現的一個圖片。任何幫助表示讚賞,謝謝!在FrameLayout中將RelativeLayout中的TextView對齊

enter image description here

這裏是我目前的XML:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp" 
    android:paddingTop="15dp" 
    android:paddingBottom="15dp" > 

<ImageView 
    android:id="@+id/imgDealImage" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:adjustViewBounds="true" 
    android:contentDescription="@string/dealImage" /> 

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" > 

    <TextView 
     android:id="@+id/txtDealDesc" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:textStyle="bold" 
     android:textSize="24sp" 
     android:textColor="#fff" 
     android:paddingLeft="10dp" 
     android:background="#80999999" /> 

    <TextView 
     android:id="@+id/txtSupporters" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/txtDealDesc" 
     android:textStyle="bold" 
     android:textSize="20sp" 
     android:textColor="#e6e600" 
     android:paddingLeft="10dp" /> 

    <TextView 
     android:id="@+id/txtRegularPrice" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@id/txtSupporters" 
     android:layout_toRightOf="@id/txtSupporters" 
     android:textStyle="bold" 
     android:textSize="20sp" 
     android:textColor="#888" 
     android:paddingBottom="20dp" /> 

    <TextView 
     android:id="@+id/txtDealPrice" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@id/txtRegularPrice" 
     android:layout_toRightOf="@id/txtRegularPrice" 
     android:textStyle="bold" 
     android:textSize="20sp" 
     android:textColor="#01a05f" /> 

    </RelativeLayout> 

</FrameLayout> 

編輯:ANSWER

我有一點點打了一圈,發現了,這是我的ImageView,這是設置爲wrap_content本應該是fill_parent。感謝您的所有輸入人!

回答

0

試試這個:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp" 
    android:paddingTop="15dp" 
    android:paddingBottom="15dp" > 

<ImageView 
    android:id="@+id/imgDealImage" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:adjustViewBounds="true" 
    /> 

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" > 

    <TextView 
     android:id="@+id/txtDealDesc" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:textStyle="bold" 
     android:textSize="24sp" 
     android:textColor="#fff" 
     android:paddingLeft="10dp" 
     android:background="#80999999" 
     android:text="1" /> 

    <TextView 
     android:id="@+id/txtSupporters" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 

     android:textStyle="bold" 
     android:textSize="20sp" 
     android:textColor="#e6e600" 
     android:paddingLeft="10dp" 
     android:layout_centerInParent="true" 
     android:text="2" /> 

    <TextView 
     android:id="@+id/txtRegularPrice" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
       android:textStyle="bold" 
     android:textSize="20sp" 
     android:textColor="#888" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentLeft="true" 
     android:text="3" /> 

    <TextView 
     android:id="@+id/txtDealPrice" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 

     android:textStyle="bold" 
     android:textSize="20sp" 
     android:textColor="#01a05f" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
     android:text="4" /> 

    </RelativeLayout> 

</FrameLayout> 
+0

不做得比較工作。請注意,此XML適用於多次重複使用的動態ListView行。因此,上面的代碼只是將第一個TextView放在左上角。其他兩個TextView出現在下面,但它只在下一行。它不會將其對齊到圖像的底部。我不需要'android:text =「x」'因爲我動態地添加了它。 –

+0

Dear @Rock - 我們不是在這裏爲您的要求編寫代碼或設計,首先明白這一點。我們可能會盡力幫助您,然後您需要嘗試如此嘗試。祝一切順利。 – Subbu

0

試試這個:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:orientation="vertical" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
     > 
    <LinearLayout android:id="@+id/LinearLayout02" android:layout_height="wrap_content" android:layout_width="match_parent"> 
     <TextView android:id="@+id/Button04" android:text="Button" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content"></TextView> 
     <TextView android:id="@+id/Button05" android:text="Button" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content"></TextView> 
     <TextView android:id="@+id/Button06" android:text="Button" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content"></TextView> 
    </LinearLayout> 
    <ImageView 
      android:layout_width="fill_parent" 
      android:layout_height="223dp" 
      android:id="@+id/imageView" android:layout_gravity="center_vertical"/> 

    <LinearLayout android:id="@+id/LinearLayout02" 
        android:layout_height="wrap_content" 
        android:layout_width="match_parent" 
        android:layout_gravity="bottom" 
        android:layout_alignParentBottom="true" > 
     <TextView android:id="@+id/Button04" android:text="Button" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content"></TextView> 

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



</RelativeLayout> 

enter image description here

+0

感謝您的代碼,但我試圖堅持FrameLayout。 –

相關問題