Scrollview中的RelativeLayout扩展超过屏幕大小

时间:2014-05-06 08:40:12

标签: android user-interface layout

我有这个布局,相对布局的scrollview,我添加了scrollview,因为在较小的设备上,RelativeLayout单独会切断超出屏幕尺寸的布局部分,因此任何大于屏幕高度的内容都不可见。

我尝试将RelativeLayout wrap_content添加到高度,但是没有修复它,所以我添加了scrollview,现在显示了整个布局,但是在具有更大屏幕的设备(如nexus 4)上,相对布局延伸到屏幕高度,因此用户必须滚动才能看到底部的textViews。

无论如何我知道问题在于这个有可绘制的ImageView:src = @ drawable / background

这会强制相对布局占用屏幕高度以上,我使用centerCrop作为图像,图像高度为1200,nexus 4的高度为1280,因此ImageView应该适合屏幕但是它延伸了整个布局。黑线是屏幕结束时的近似,而不是在此时切割imageView,而RelativeLayout在该点之后就会出现...

sample layout image

如何确保我的RelativeLayout在分辨率较高的设备上不超过屏幕高度,但在较小的分辨率设置上包括滚动显示不适合屏幕高度的内容?目前我必须滚动到所有设备上的底部textViews。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="@android:color/black"
    android:fillViewport="true" >

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

        <ImageView
            android:id="@+id/bg"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:paddingLeft="-20dp"
            android:scaleType="centerCrop"
            android:src="@drawable/background" />

        <ImageView
            android:id="@+id/trophystack"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:paddingTop="20dp"
            android:scaleType="center"
            android:src="@drawable/trophystack" />

        <LinearLayout
            android:id="@+id/llTrophyStackLogin"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:orientation="vertical"
            android:paddingBottom="20dp"
            android:paddingTop="20dp" >

            <EditText
                android:id="@+id/email_address"
                android:layout_width="250dp"
                android:layout_height="70dp"
                android:layout_marginBottom="2dp"
                android:background="@android:color/white"
                android:drawableLeft="@drawable/usericon2"
                android:fontFamily="sans-serif"
                android:gravity="center"
                android:hint="user@email.com"
                android:inputType="textEmailAddress"
                android:minWidth="250dp"
                android:tag="login_email" />

            <EditText
                android:id="@+id/password"
                android:layout_width="250dp"
                android:layout_height="70dp"
                android:background="@android:color/white"
                android:drawableLeft="@drawable/lock"
                android:gravity="center"
                android:hint="********"
                android:inputType="textPassword"
                android:tag="login_password" />

            <Button
                android:id="@+id/doLogin"
                android:layout_width="250dp"
                android:layout_height="70dp"
                android:layout_marginTop="20dp"
                android:background="@drawable/buttontexture1"
                android:minWidth="200dp"
                android:onClick="goQueue"
                android:text="Sign In"
                android:textColor="@android:color/white" />
        </LinearLayout>

        <TextView
            android:id="@+id/forgot_password_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="20dp"
            android:layout_marginLeft="20dp"
            android:text="Forgot password?"
            android:textColor="#FFFFFF"
            android:textSize="16dp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/sign_up_text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="20dp"
            android:layout_marginRight="20dp"
            android:clickable="true"
            android:text="Sign up"
            android:textColor="@android:color/white"
            android:textSize="19dp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/sign_up_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="20dp"
            android:layout_marginRight="2dp"
            android:layout_toLeftOf="@id/sign_up_text2"
            android:clickable="true"
            android:text="New here?"
            android:textColor="@android:color/white"
            android:textSize="16dp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@id/sign_up_text"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_below="@id/llTrophyStackLogin"
            android:background="#0000"
            android:minHeight="50dp"
            android:onClick="doSwipe"
            android:textColor="@android:color/white" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignRight="@id/forgot_password_text"
            android:layout_below="@id/llTrophyStackLogin"
            android:background="#0000"
            android:minHeight="50dp"
            android:onClick="doForgotPassword"
            android:textColor="@android:color/white" />
    </RelativeLayout>

</ScrollView>

1 个答案:

答案 0 :(得分:1)

删除此行

android:src="@drawable/background"

来自ImageView并将其设置为RelativeLayout的背景。

android:background="@drawable/background"