Android - 如何定位4个文本视图?

时间:2013-05-21 07:28:27

标签: android button layout position graphic

更新:我在这里用我更新的问题打开了一个新主题: Android - How to display 4 text views with Icons? 感谢您的回答,如果您能帮我解决上面的新问题,我真的很感激。

我正在尝试在屏幕底部显示4个文本视图,但我无法弄清楚如何做到这一点。每当我尝试移动一个按钮时,它会将其余部分拧紧。

以下是目前的情况:

enter image description here

这是我的manuel标记我想要定位按钮的位置(每行代表一个文本视图项位置):

enter image description here

这是当前的代码,任何指针都非常棒:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
tools:context=".MainActivity" >

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:adjustViewBounds="true" >
</android.support.v4.view.ViewPager>

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_marginTop="124dp"
    android:layout_toRightOf="@+id/ButtonRate"
    android:text="TextView" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/textView1"
    android:layout_alignBottom="@+id/textView1"
    android:layout_alignRight="@+id/ButtonWallpaper"
    android:text="TextView" />

<TextView
    android:id="@+id/ButtonWallpaper"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_below="@+id/textView2"
    android:layout_marginRight="50dp"
    android:layout_marginTop="137dp"
    android:clickable="true"
    android:onClick="setWallpaper"
    android:text="@string/set_wallpaper"
    android:textColor="@color/red" />

<TextView
    android:id="@+id/ButtonRate"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/ButtonWallpaper"
    android:layout_alignBottom="@+id/ButtonWallpaper"
    android:layout_alignParentLeft="true"
    android:layout_marginLeft="50dp"
    android:clickable="true"
    android:onClick="rate"
    android:text="@string/rate_button"
    android:textColor="@color/red" />

我真的被卡住了。

非常感谢, DVIR

3 个答案:

答案 0 :(得分:3)

您需要在ViewPager之后为textView设置另一个相对布局,并将android:layout_alignParentBottom="true"添加到Layout,如下所示:

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:adjustViewBounds="true" >
</android.support.v4.view.ViewPager>

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/ButtonRate"
        android:text="TextView" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView1"
        android:layout_alignBottom="@+id/textView1"
        android:layout_alignRight="@+id/ButtonWallpaper"
        android:text="TextView" />

    <TextView
        android:id="@+id/ButtonWallpaper"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/textView2"
        android:layout_marginRight="50dp"
        android:clickable="true"
        android:onClick="setWallpaper"
        android:text="hello" />

    <TextView
        android:id="@+id/ButtonRate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/ButtonWallpaper"
        android:layout_alignBottom="@+id/ButtonWallpaper"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="50dp"
        android:clickable="true"
        android:onClick="rate"
        android:text="hello2" />
</RelativeLayout>

另请注意,我已删除了android:layout_marginTop个参数,如果您愿意,可以进行调整

答案 1 :(得分:1)

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

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

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

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

         <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

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

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

</RelativeLayout>

答案 2 :(得分:0)

你可以这样做:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="394dp"
    android:adjustViewBounds="true" >
</android.support.v4.view.ViewPager>

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

    <TextView
        android:id="@+id/ButtonRate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="39dp"
        android:text="ButtonRate" />

    <TextView
        android:id="@+id/ButtonWallpaper"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginRight="60dp"
        android:text="ButtonWallpaper" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView1"
        android:layout_alignBottom="@+id/textView1"
        android:layout_alignLeft="@+id/ButtonWallpaper"
        android:layout_marginLeft="22dp"
        android:text="TextView" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/ButtonRate"
        android:layout_centerVertical="true"
        android:text="TextView" />

</RelativeLayout>