Question

我正在尝试实现登录表单。我尝试使用不同的布局，但我无法制作如下图所示的登录表单。

==================================================================================
=
=
=
=
=
=                     =============================================
=                     =                                           =
=                     =  User Name:      Input box                =
=                     =                                           =
=                     =                                           =
=                     =                                           =
=                     =  Password :      Input box                =
=                     =                                           =
=                     =============================================
=
=
=
=
=
=
=
==========================================================================================

我尝试了网格布局，但是当我绘制用户名和密码的背景的中心部分时。我也在那里使用了gridlayout，结果输出屏幕超出了范围。（意思是我不能）看全屏。这是我的xml代码。

<GridLayout xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/firstdesktop"
android:columnCount="3"
android:orientation="vertical"
android:rowCount="3"
tools:context=".SplitActivity" >




<GridLayout
    android:layout_width="560dp"
    android:layout_height="291dp"
    android:layout_column="1"
    android:layout_gravity="left"
    android:layout_row="1"
    android:columnCount="2"
    android:orientation="vertical"
    android:rowCount="3" >

    <TextView
        android:id="@+id/TextView02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_column="1"
        android:layout_gravity="left|bottom"
        android:layout_row="0"

        android:text="@string/txtUserName"
        android:textColor="#FFFFFF"
        android:textSize="20dp"
        android:typeface="monospace" />

    <EditText
        android:id="@+id/editText1"
        android:layout_height="35dp"
        android:layout_column="1"
        android:layout_gravity="right|bottom"
        android:layout_row="0"

        android:background="#FFFFFF"
        android:ems="10"
        android:inputType="textPersonName" />


    <TextView
        android:id="@+id/TextView01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_column="1"
        android:layout_gravity="left|bottom"
        android:layout_row="1"
        android:shadowColor="#FFFFFF"
        android:shadowDx="1"
        android:shadowDy="1"
        android:shadowRadius="2.0"
        android:text="@string/txtPass"
        android:textColor="#FFFFFF"
        android:textSize="20dp"
        android:typeface="monospace" />

    <EditText
        android:id="@+id/editText2"
        android:layout_height="35dp"
        android:layout_column="1"
        android:layout_gravity="left|bottom"
        android:layout_row="2"
        android:background="#FFFFFF"
        android:ems="10"
        android:inputType="textPassword" />



    <Button
        android:id="@+id/button1"
        style="@style/ButtonText"
        android:layout_width="215dp"
        android:layout_height="wrap_content"
        android:layout_column="1"
        android:layout_gravity="left|bottom"
        android:layout_row="3"
        android:background="@drawable/redbutton"
        android:text="@string/btnLogin" />


    <Space
        android:layout_width="320dp"
        android:layout_height="1dp"
        android:layout_column="0"
        android:layout_row="0" />

    <Space
        android:layout_width="170dp"
        android:layout_height="1dp"
        android:layout_column="1"
        android:layout_row="0" />

    <Space
        android:layout_width="48dp"
        android:layout_height="1dp"
        android:layout_column="1"
        android:layout_row="0" />

    <Space
        android:layout_width="1dp"
        android:layout_height="1dp"
        android:layout_column="1"
        android:layout_row="0" />

    <Space
        android:layout_width="100dp"
        android:layout_height="1dp"
        android:layout_row="1" />
</GridLayout>

这是我的模拟器属性。目标Android 4.1 - API Level16 SD卡：尺寸：500Mib 皮肤：分辨率：1280 x 800

我根据平板电脑尺寸确定了模拟器屏幕尺寸。（1280 x 800）如果还有其他方式告诉我..？如果可以，请帮助我..谢谢。

Answer 1

试试这个。你在GridLayout尝试。尝试以下列方式使用RelativeLayout。

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

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="50dp"
    android:layout_marginTop="137dp"
    android:text="TextView" />

<EditText
    android:id="@+id/editText1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/textView1"
    android:layout_alignBottom="@+id/textView1"
    android:layout_marginLeft="29dp"
    android:layout_toRightOf="@+id/textView1"
    android:ems="10" >

    <requestFocus />
</EditText>

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

<EditText
    android:id="@+id/editText2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/editText1"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:ems="10" />

Answer 2

将内部矩形视为单独的布局，并将背景设置为该布局。

Android Beautiful登录表单

2 个答案: