2

このようなコントロールをレイアウトするにはどうすればよいですか？ ここに画像の説明を入力してください

別の言い方をすれば、1つTextViewは左側に配置され、もう1つは右側に配置されます。もちろん、赤いレイアウトは画面の幅に応じて拡大する必要があります。私はこれを最も良い方法で行う方法がわかりません。

4

5 に答える 5

4

要件に合わせて以下のレイアウトを使用できます::

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_height="fill_parent"
    android:layout_width="fill_parent" 
    android:background="#ffffff" >

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

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

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

    </RelativeLayout>

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

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

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"/>

    </RelativeLayout>

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

        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentLeft="true"/>

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"/>

    </RelativeLayout>

</LinearLayout>
于 2012-04-15T09:11:12.450 に答える
2 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_height="fill_parent"
    android:layout_width="fill_parent" 
    android:background="#ffffff" >

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

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


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

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"
            android:layout_below="@+id/textView2"/>


        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentLeft="true"
             android:layout_below="@+id/textView3"/>

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"
            android:layout_below="@+id/textView4"/>

</RelativeLayout>
于 2012-04-15T11:15:11.817 に答える
0

RelativeLayoutを使用できますが、同じ行にあるこれら2つのビューの1つのビューは、一定の幅である必要があります。右側のビューが一定の幅よりも広い幅をとらないことが確実な場合は、wrap_contentをwidthに割り当てることもできますが、2番目のビューが全画面の幅をとる場合は、レイアウトに一定の幅を割り当てる必要があります。

したがって、次のようにLayoutParamsをLeftおよびRightビューに設定します。LeftView：

Layout_width = fill_parent、Layout_height = wrap_content、layout_toLeftOf = @ + id / rightView、

SecondVIew：

Layout_width = wrap_content、Layout_height = wrap_content、layout_alignParentRight = true

于 2012-04-15T07:25:12.523 に答える
0

RelativeLayoutsを使用できます。次に、テキストビューを次のように配置します

 android:layout_alignParentRight="true"

このタイプのレイアウトへのリンクは次のとおりです。

Androidの相対レイアウト

于 2012-04-15T07:09:54.867 に答える
0

ビュー全体を 1 つの RelativeLayout に変換し、layout_alignParentLeft、layout_alignParentRight を使用して Textview をビューの左右に固定し、layout_alignBaseline を使用して Textview を各サイド レベルに保持できます。次に、textview の次の行を配置するために layout_below を実行します。

または、LinearLayout を使用して layout_width="match_parent" にし、上記と同じ方法を使用して赤いボックスを RelativeLayout に変更することもできます。

ただし、レイアウトの各タイプをチェックして各コンテナーの特性を確認し、ビュー全体に最も適したものを決定することをお勧めしますが、画面上のビュー/レイアウトが多いほどパフォーマンスに影響することに注意してください。一部のデバイス。:)

于 2012-04-15T07:23:39.387 に答える