android - Scrollview 内的 RelativeLayout 扩展超过屏幕尺寸

标签 android user-interface layout

我有这个布局,scrollview 和 relative 布局,我添加了 scrollview,因为在较小的设备上 RelativeLayout 单独会切断超过屏幕尺寸的布局部分,所以任何大于屏幕高度的东西都不可见。

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

无论如何我知道问题出在这个具有 drawable:src=@drawable/background 的 ImageView

这会强制相对布局占用超过屏幕高度,我对图像使用 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>

最佳答案

去掉这一行

android:src="@drawable/background"

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

android:background="@drawable/background"

关于android - Scrollview 内的 RelativeLayout 扩展超过屏幕尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23489850/

相关文章:

android - 如何在 Android 中更改代理设置(尤其是在 Chrome 中)

java - 获取JPanel、JFrame当前大小

android - 请验证我的布局 : bottom button keeps coming up over keyboard

java - Android/Java Json 对象数

android - PhotoView + ViewPager 中的 ArrayIndexOutOfBoundsException

windows - 如何更改MFC应用程序UI

html - 下拉菜单不显示和导航不居中

ios - 带有动态 subview 的自动布局

android - 服务- Activity 沟通

c# - 以图形方式模板化 .NET winforms 应用程序