4

次のレイアウトを作成しようとしています。

|-----------------------------------------------------------|
|                                                           |
|                                                           |
|                                                           |
|                                                           |
|                 L-Email     [___________]-R               |
|                 L-Password  [___________]-R               |
|                                   (Login)-R               |
|                                                           |
|                                                           |
|                                                           |
|-----------------------------------------------------------|

だから私が試しているのは、線形レイアウトを作成したことです。すべての電子メール、パスワード、およびログイン行は線形レイアウトです。しかし、私が欲しいのは、全体を中央（垂直および水平）に配置し、電子メールとパスワードのラベルを画面の「L-」部分に揃えることです（「L-」は、私が揃えたいことを示すためだけのものです） 2つのテキストボックスとログインボタンを「-R」記号に揃えたいのですが（実際にはL-記号と-R記号は必要ありませんが、これらはこのモックアップの位置合わせ位置を示しているだけです）

より具体的なモックアップは次のとおりです。

モックアップの例

だから私は全体を中央に揃え、テキストラベルを左の緑色の線に揃え、他のラベルを右の緑色の線に揃えたいと思います。

現時点では、Eclipseでグラフィカルエディタを使用することを好みますが、どんな提案でも歓迎します。

私はこれまでこれを試しましたが、行き詰まりました：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/sahbg"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity" >

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

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

        <EditText
            android:id="@+id/editText1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10" >

            <requestFocus />
        </EditText>

    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center" >

        <TextView
            android:id="@+id/TextView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <EditText
            android:id="@+id/EditText01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10" />
    </LinearLayout>

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

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />

    </LinearLayout>

</LinearLayout>

そしてそれはこのように見えます：

レイアウト結果

4

1 に答える 1

3

既存のコードの使用：

  1. 外側のLinearLayoutの高さと幅を変更します。

    android:layout_width="wrap_content"
android:layout_height="wrap_content"

    gravity="center"（そして、あなたはに変更する必要があるかもしれlayout_gravity="center"ません、正直なところ、私は現時点でどれがどれであるかを思い出せません。）

  2. 「password」LinearLayoutの幅をmatch_parent、「username」行と「password」行の両方が同じ幅になるように切り替えます。

  3. ボタンを保持しているLinearLayoutは不要なので削除し、次を追加します。

    android:layout_gravity="right"

    ボタンに移動して右に移動します。EditTextsでこれを使用し、特定の幅を指定して、同じサイズにすることもできます。

于 2013-03-03T17:18:46.850 に答える