android - 用户界面问题android

我正在制作 android UI(使用相对布局)，我需要在其中设置一个尺寸为 306 x 51 的横幅。我已将其设置为屏幕中心。它在一些安卓手机屏幕上显示得很好，但是当我在平板电脑上运行时，显示如下:

enter image description here

如图所示，左右两边留有空间。那我为此做了什么？

代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" 
    android:background="@drawable/page1_11"
    android:layout_height="fill_parent">


    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_01" android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageView android:layout_height="wrap_content"
            android:layout_width="match_parent" android:src="@drawable/page1_1"
            android:id="@+id/imageView1" android:layout_alignParentLeft="true" />

        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="Shanesh COLORS App"
            android:textSize="13dp" android:textStyle="bold" android:textColor="#49515F"
            android:layout_centerInParent="true" />
    </RelativeLayout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_below="@+id/login_rellay_01" android:id="@+id/login_rellay_02"
        android:layout_width="fill_parent" android:layout_height="wrap_content">
        <ImageView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:src="@drawable/page1_4"
            android:id="@+id/imageView1" android:layout_centerHorizontal="true" />

        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="SIGN IN"
            android:textSize="13dp" android:textStyle="bold" android:textColor="#FFFFFF"
            android:layout_centerInParent="true" />
        <Button android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:background="@drawable/page1_2"
            android:layout_centerVertical="true" android:layout_marginLeft="10dp" />
        <Button android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:background="@drawable/page1_3"
            android:layout_centerVertical="true" android:layout_marginRight="10dp"
            android:layout_alignParentRight="true" />


    </RelativeLayout>



    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_03" android:layout_below="@+id/login_rellay_02"
        android:layout_width="match_parent" android:layout_height="wrap_content">


        <ImageView android:layout_height="wrap_content"
            android:layout_width="match_parent" android:src="@drawable/page1_5"
            android:id="@+id/imgv_page1_5" android:layout_alignParentLeft="true" />
        <!-- <ImageView android:layout_height="wrap_content" android:layout_below="@+id/imgv_page1_5" 
            android:layout_marginTop="1dp" android:layout_width="match_parent" android:src="@drawable/page1_6" 
            android:id="@+id/imgv_page1_6" android:layout_alignParentLeft="true" /> -->
        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_03" android:layout_centerInParent="true"
            android:layout_below="@+id/login_rellay_02" android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text="SIGN IN "
                android:textSize="13dp" android:id="@+id/login_txvx_dwbnr_1"
                android:textStyle="bold" android:textColor="#000000"
                android:layout_marginLeft="10dp" android:layout_centerVertical="true" />
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text="with your "
                android:id="@+id/login_txvx_dwbnr_2" android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
                android:textSize="13dp" android:layout_centerVertical="true"
                android:textColor="#000000" />
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text="Shanesh Colors"
                android:id="@+id/login_txvx_dwbnr_3" android:layout_toRightOf="@+id/login_txvx_dwbnr_2"
                android:textSize="13dp" android:textStyle="bold"
                android:layout_centerVertical="true" android:textColor="#000000" />
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text=" App Account "
                android:id="@+id/login_txvx_dwbnr_4" android:layout_toRightOf="@+id/login_txvx_dwbnr_3"
                android:textSize="13dp" android:layout_centerVertical="true"
                android:textColor="#000000" />
        </RelativeLayout>
    </RelativeLayout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_04" android:layout_marginTop="1dp"
        android:gravity="center" android:layout_below="@+id/login_rellay_03"
        android:layout_width="match_parent" android:layout_height="wrap_content">

        <ImageView android:layout_height="180dp"
            android:layout_width="306dp" android:background="#FFFFFF" android:id="@+id/imgv_page1_6"
            android:layout_centerInParent="true" />



        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_04" android:layout_width="match_parent"
            android:layout_height="wrap_content" android:gravity="center">
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text="User Name:"
                android:id="@+id/login_txvx_dwbnr_5" android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
                android:textSize="11dp" android:layout_centerVertical="true"
                android:textColor="#49515F" />

            <EditText android:layout_height="40dp" android:layout_width="220dp"
                android:layout_marginTop="10dp" android:layout_toRightOf="@+id/login_txvx_dwbnr_5" />



        </RelativeLayout>

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_05" android:layout_width="match_parent"
            android:layout_height="wrap_content" android:gravity="center"
            android:layout_below="@+id/login_rellay_04">
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" 
                android:text=" Password:"
                android:id="@+id/login_txvx_dwbnr_5" 
                android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
                android:textSize="11dp" 
                android:layout_centerVertical="true"
                android:textColor="#49515F" />

            <EditText android:layout_height="40dp" android:layout_width="220dp"
                android:layout_alignParentTop="true" android:layout_marginTop="10dp"
                android:layout_toRightOf="@+id/login_txvx_dwbnr_5" />



        </RelativeLayout>

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_06" 
            android:layout_marginTop="3dp"
            android:layout_height="wrap_content"
            android:gravity="center" 
            android:layout_below="@+id/login_rellay_05" 
            android:layout_width="match_parent">

            <TextView android:layout_height="wrap_content"
                      android:textColor="#000000"
                      android:text="No Account?"

                      android:textStyle="bold"
                      android:textSize="11dp" 
                      android:id="@+id/login_txvx_dwbnr_9" 

                      android:layout_width="wrap_content"/>

        <TextView android:text="Sign Up" 
          android:layout_height="wrap_content"
          android:layout_width="wrap_content" 
          android:id="@+id/login_txvx_signup_account" 
          android:textColor="#8891A2" 
          android:textStyle="bold" 
          android:layout_toRightOf="@+id/login_txvx_dwbnr_9"
          android:textSize="11dp" 
         /></RelativeLayout>
         <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_07" 

            android:layout_height="wrap_content"
            android:gravity="center_horizontal" 
            android:layout_below="@+id/login_rellay_06" 
            android:layout_width="match_parent">

         <CheckBox android:layout_height="wrap_content"
                android:id="@+id/checkBox1"
                android:layout_below="@+id/login_txvx_signup_account"
                android:layout_width="wrap_content" 
                android:textColor="#49515F" 
                android:textSize="11dp"
                android:layout_marginLeft="10dp"
                android:text=" Remember User Name and Password?" 
          />

          </RelativeLayout>





    </RelativeLayout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_08" 

            android:layout_height="wrap_content"
            android:gravity="center_horizontal" 
            android:layout_marginTop="60dp"
            android:layout_below="@+id/login_rellay_04" 
            android:layout_width="match_parent">

          <ImageView android:layout_height="wrap_content"
                     android:layout_width="wrap_content"
                     android:src="@drawable/page1_8"
                     />
          </RelativeLayout>
</RelativeLayout>

最佳答案

@zam664 是对的……你永远不应该为布局使用固定宽度。尝试通过填充、边距等来管理它们。

也可以使用 LinearLayout 来管理非固定宽度的水平子项。

无论如何...我稍微修改了您的 xml...我无法对其进行全面测试，因为我没有您在其中使用的图像/资源...但请尝试一下。

将整个 xml 替换为以下内容。 ...

注意:a 刚刚对其进行了一些更改，以便让您了解......如果可行，您应该进一步修改它

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" 
android:background="@drawable/page1_11"
android:layout_height="fill_parent">


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/login_rellay_01" android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView android:layout_height="wrap_content"
        android:layout_width="match_parent" android:src="@drawable/page1_1"
        android:id="@+id/imageView1" android:layout_alignParentLeft="true" />

    <TextView android:layout_height="wrap_content"
        android:layout_width="wrap_content" android:text="Shanesh COLORS App"
        android:textSize="13dp" android:textStyle="bold" android:textColor="#49515F"
        android:layout_centerInParent="true" />
</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_below="@+id/login_rellay_01" android:id="@+id/login_rellay_02"
    android:layout_width="fill_parent" android:layout_height="wrap_content">
    <ImageView android:layout_height="wrap_content"
        android:layout_width="fill_parent" android:src="@drawable/page1_4"
        android:id="@+id/imageView1" android:layout_centerHorizontal="true" />

    <TextView android:layout_height="wrap_content"
        android:layout_width="wrap_content" android:text="SIGN IN"
        android:textSize="13dp" android:textStyle="bold" android:textColor="#FFFFFF"
        android:layout_centerInParent="true" />
    <Button android:layout_height="wrap_content"
        android:layout_width="wrap_content" android:background="@drawable/page1_2"
        android:layout_centerVertical="true" android:layout_marginLeft="10dp" />
    <Button android:layout_height="wrap_content"
        android:layout_width="wrap_content" android:background="@drawable/page1_3"
        android:layout_centerVertical="true" android:layout_marginRight="10dp"
        android:layout_alignParentRight="true" />


</RelativeLayout>



<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/login_rellay_03" android:layout_below="@+id/login_rellay_02"
    android:layout_width="match_parent" android:layout_height="wrap_content">


    <ImageView android:layout_height="wrap_content"
        android:layout_width="match_parent" android:src="@drawable/page1_5"
        android:id="@+id/imgv_page1_5" android:layout_alignParentLeft="true" />
    <!-- <ImageView android:layout_height="wrap_content" android:layout_below="@+id/imgv_page1_5" 
        android:layout_marginTop="1dp" android:layout_width="match_parent" android:src="@drawable/page1_6" 
        android:id="@+id/imgv_page1_6" android:layout_alignParentLeft="true" /> -->
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_03" android:layout_centerInParent="true"
        android:layout_below="@+id/login_rellay_02" android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="SIGN IN "
            android:textSize="13dp" android:id="@+id/login_txvx_dwbnr_1"
            android:textStyle="bold" android:textColor="#000000"
            android:layout_marginLeft="10dp" android:layout_centerVertical="true" />
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="with your "
            android:id="@+id/login_txvx_dwbnr_2" android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
            android:textSize="13dp" android:layout_centerVertical="true"
            android:textColor="#000000" />
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="Shanesh Colors"
            android:id="@+id/login_txvx_dwbnr_3" android:layout_toRightOf="@+id/login_txvx_dwbnr_2"
            android:textSize="13dp" android:textStyle="bold"
            android:layout_centerVertical="true" android:textColor="#000000" />
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text=" App Account "
            android:id="@+id/login_txvx_dwbnr_4" android:layout_toRightOf="@+id/login_txvx_dwbnr_3"
            android:textSize="13dp" android:layout_centerVertical="true"
            android:textColor="#000000" />
    </RelativeLayout>
</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/login_rellay_04" android:layout_marginTop="1dp"
    android:gravity="center" android:layout_below="@+id/login_rellay_03"
    android:layout_width="match_parent" android:layout_height="wrap_content">

    <ImageView android:layout_height="fill_parent"
        android:layout_width="fill_parent" android:background="#FFFFFF" android:id="@+id/imgv_page1_6"
        android:layout_centerInParent="true" />



    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_04" android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal" 
        android:paddingLeft="10dp" android:paddingRight="10dp">
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="User Name:"
            android:id="@+id/login_txvx_dwbnr_5" android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
            android:textSize="11dp" android:layout_centerVertical="true"
            android:textColor="#49515F" />

        <EditText android:layout_height="40dp" android:layout_width="fill_parent" android:layout_weight="1"
            android:layout_marginTop="10dp" android:layout_marginLeft="10dp"/>



    </LinearLayout>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_05" android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal"
        android:paddingLeft="10dp" android:paddingRight="10dp"
        android:layout_below="@+id/login_rellay_04">
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" 
            android:text=" Password:"
            android:id="@+id/login_txvx_dwbnr_5" 
            android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
            android:textSize="11dp" 
            android:layout_centerVertical="true"
            android:textColor="#49515F" />

        <EditText android:layout_height="40dp" android:layout_width="fill_parent"  android:layout_weight="1"
            android:layout_alignParentTop="true" android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/login_txvx_dwbnr_5" />



    </LinearLayout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_06" 
        android:layout_marginTop="3dp"
        android:layout_height="wrap_content"
        android:gravity="center" 
        android:layout_below="@+id/login_rellay_05" 
        android:layout_width="match_parent">

        <TextView android:layout_height="wrap_content"
                  android:textColor="#000000"
                  android:text="No Account?"

                  android:textStyle="bold"
                  android:textSize="11dp" 
                  android:id="@+id/login_txvx_dwbnr_9" 

                  android:layout_width="wrap_content"/>

    <TextView android:text="Sign Up" 
      android:layout_height="wrap_content"
      android:layout_width="wrap_content" 
      android:id="@+id/login_txvx_signup_account" 
      android:textColor="#8891A2" 
      android:textStyle="bold" 
      android:layout_toRightOf="@+id/login_txvx_dwbnr_9"
      android:textSize="11dp" 
     /></RelativeLayout>
     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_07" 

        android:layout_height="wrap_content"
        android:gravity="center_horizontal" 
        android:layout_below="@+id/login_rellay_06" 
        android:layout_width="match_parent">

     <CheckBox android:layout_height="wrap_content"
            android:id="@+id/checkBox1"
            android:layout_below="@+id/login_txvx_signup_account"
            android:layout_width="wrap_content" 
            android:textColor="#49515F" 
            android:textSize="11dp"
            android:layout_marginLeft="10dp"
            android:text=" Remember User Name and Password?" 
      />

      </RelativeLayout>





</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_08" 

        android:layout_height="wrap_content"
        android:gravity="center_horizontal" 
        android:layout_marginTop="60dp"
        android:layout_below="@+id/login_rellay_04" 
        android:layout_width="match_parent">

      <ImageView android:layout_height="wrap_content"
                 android:layout_width="wrap_content"
                 android:src="@drawable/page1_8"
                 />
      </RelativeLayout>

关于android - 用户界面问题android，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8951196/

android - 用户界面问题android

上一篇：java - 修复 Google API task-android-sample 的内存不足错误

下一篇：android - Ice Cream Sandwich 浏览行为