android - アンドロイドリニアレイアウト

Question

左側に 2 つの TextView を配置し、線形レイアウト内の右側に 1 つのボタンを配置したいのですが、これは可能ですか? 以下は、ボタンの leftMargin をハードコーディングしなければならなかった私のコードです。これは柔軟性がありません。異なる方向に流れる子をレイアウトすることは可能ですか?

<LinearLayout
android:id="@+id/widget43"
android:layout_width="fill_parent"
android:layout_height="100px"
>
<TextView
android:id="@+id/tc_buttom_text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Time elapsed"
>
</TextView>
<TextView
android:id="@+id/tc_buttom_text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00:00 00"
>
</TextView>
<Button
android:id="@+id/tc2_home"
android:layout_width="70px"
android:layout_height="wrap_content"
android:layout_marginLeft="200px"
android:layout_marginRight="10px"
android:text="Home"
android:layout_weight="0.5"
>
</Button>
</LinearLayout>

score 2 · Accepted Answer

左側に 2 つの TextView を配置し、線形レイアウト内の右側に 1 つのボタンを配置したいのですが、これは可能ですか?

単一ではありませんLinearLayout。2 つのが必要ですLinearLayout(左側の 2 つTextViewのの列に 1 つ)、または 1 つの RelativeLayout が必要です。

異なる方向に流れる子をレイアウトすることは可能ですか?

「異なる方向」とは、垂直方向と水平方向の両方を同時に意味する場合、単一LinearLayoutは一方向にのみ進むことができます. ネストされたLinearLayouts またはRelativeLayout.

score 1 · Accepted Answer

以下を使用します。

 <LinearLayout
            android:id="@+id/widget43"
            android:layout_width="fill_parent"
            android:layout_height="100px"
            android:layout_margin="16dp"
            android:orientation="horizontal">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/tc_buttom_text1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Time elapsed"></TextView>

                <TextView
                    android:id="@+id/tc_buttom_text2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:text="00:00:00 00"></TextView>
            </LinearLayout>

            <Button
                android:id="@+id/tc2_home"
                android:layout_width="70px"
                android:layout_height="wrap_content"
                android:layout_marginLeft="200px"
                android:layout_marginRight="10px"
                android:layout_weight="0.5"
                android:text="Home"></Button>
        </LinearLayout>

その他の Android レイアウトのチュートリアルと例: http://www.viralandroid.com/2015/11/android-layouts.html

score 1 · Accepted Answer

2 つの線形レイアウト (1 つは水平方向、もう 1 つは垂直方向) を使用するか、相対レイアウトを使用します。Relative Layout は Linear よりも強力で使いやすい

score 1 · Accepted Answer

テーブルレイアウトを使用する必要があります。API デモのテーブルレイアウトの例を見てください。

Table layout - with 'stretch columns' = 1,
 -- Table row  - with width = fill_parent,
    --  Text View,
    --  Text View,
    --  Button,

これにより、右ボタンが画面の右端に押されたままになります

score 0 · Accepted Answer

LinearLayoutにはorientation属性があります。次のようなことを試してください：

<LinearLayout
    android:id="@+id/widget43"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="100px"
>

score 0 · Accepted Answer

私は次のように 2 つの LinearLayouts を使用します。

<?xml version="1.0" encoding="utf-8"?>
  <FrameLayout 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"
    android:background="#0099cc"
    tools:context=".FullscreenActivity">

    <!-- The primary full-screen view. This can be replaced with whatever view
         is needed to present your content, e.g. VideoView, SurfaceView,
         TextureView, etc. -->
    <TextView
        android:id="@+id/fullscreen_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:keepScreenOn="true"
        android:text="@string/dummy_content"
        android:textColor="#33b5e5"
        android:textSize="50sp"
        android:textStyle="bold" />

    <!-- This FrameLayout insets its children based on system windows using
         android:fitsSystemWindows. -->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/background_dark"
        android:fitsSystemWindows="true">

        <LinearLayout
            android:id="@+id/fullscreen_content_controls"
            style="?metaButtonBarStyle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|center_horizontal"
            android:background="@color/black_overlay"
            android:baselineAligned="false"
            android:orientation="vertical"
            tools:ignore="UselessParent">

            <LinearLayout
                android:id="@+id/fullscreen_choose_controls"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:orientation="horizontal">

                <TextView
                    android:id="@+id/fullscreen_esop"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:text="@string/vs_esop"
                    android:textAllCaps="false"
                    android:textColor="@android:color/holo_blue_dark"
                    android:textSize="50sp"
                    android:textStyle="bold" />

                <Button
                    android:id="@+id/dummy_button"
                    style="?metaButtonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_weight="0.3"
                    android:ellipsize="end"
                    android:gravity="center"
                    android:text="@string/dummy_button"
                    android:textColor="@android:color/holo_red_dark"
                    android:textSize="20sp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/fullscreen_android"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:text="@string/vs_android"
                    android:textAllCaps="false"
                    android:textColor="@android:color/holo_blue_dark"
                    android:textSize="50sp"
                    android:textStyle="bold" />

            </LinearLayout>

            <TextView
                android:id="@+id/fullscreen_make_your_choice"
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:gravity="center"
                android:text="@string/vs_make_your_choice"
                android:textColor="@android:color/holo_red_dark"
                android:textSize="50sp"
                android:textStyle="bold" />

        </LinearLayout>
    </FrameLayout>

</FrameLayout>

デモ

android - アンドロイドリニアレイアウト

6 に答える 6

Related

Reference