在FrameLayout中的RelativeLayout中对齐TextViews

时间:2013-11-23 23:05:00

标签: android android-layout relativelayout android-framelayout

我在FrameLayout中使用RelativeLayout,但我似乎无法正确对齐。这是我想要实现的目标的图片。感谢任何帮助,谢谢!

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>

编辑:答案

我稍微玩了一下,发现我的ImageView设置为wrap_content应该是fill_parent。感谢所有投入的人!

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分: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