android - このタイプのレイアウトを実装する方法

Question

私のアプリケーションでは、下の画像のようなレイアウトが必要です。ここに画像の説明を入力

私はこれを何時間も試してきましたが、望ましい結果を得ることができませんでした.

ここに私のレイアウトxmlがあります:

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingTop="@dimen/activity_vertical_margin" >

    <View
        android:id="@+id/middleSeperator"
        android:layout_width="1dp"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:background="#90909090" />

    <LinearLayout
        android:id="@+id/leftLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@id/middleSeperator"
        android:gravity="right"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/batt_health"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:text="@string/batt_level"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:text="@string/batt_status"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:text="@string/batt_tech"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:text="@string/batt_temp"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:text="@string/batt_voltage"
            android:textColor="@color/white" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/rightLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/middleSeperator"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/textViewHealth"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:textColor="@color/teal"
            android:textStyle="bold"
            tools:ignore="SelectableText" />

        <TextView
            android:id="@+id/textViewLevel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:textColor="@color/teal"
            android:textStyle="bold"
            tools:ignore="SelectableText" />

        <TextView
            android:id="@+id/textViewStatus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:textColor="@color/teal"
            android:textStyle="bold"
            tools:ignore="SelectableText" />

        <TextView
            android:id="@+id/textViewTech"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:textColor="@color/teal"
            android:textStyle="bold"
            tools:ignore="SelectableText" />

        <TextView
            android:id="@+id/textViewTemp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:textColor="@color/teal"
            android:textStyle="bold"
            tools:ignore="SelectableText" />

        <TextView
            android:id="@+id/textViewVoltage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:textColor="@color/teal"
            android:textStyle="bold"
            tools:ignore="SelectableText" />
    </LinearLayout>
</RelativeLayout>

これにより、左側のテキストビューが表示されなくなります。助けてください。

score 5 · Accepted Answer

これはさまざまな方法で行うことができます。プレーンな LinearLayout をコンテナーとして使用し、両方TextViewの幅をfill_parentAND に設定android:layout_weight="1"してTextView、使用可能な幅の 50% を使用できるようにします。そして、固定サイズのように垂直線を間に配置する必要があります1dp（背景色を配置しImageViewたり、空にしたりすることもできます）。FrameLayout

score 1 · Accepted Answer

このコードを試してください：

&lt;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="wrap_content" 
    android:gravity="center" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" >
&lt;LinearLayout
        android:id="@+id/leftLayout" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentLeft="true" 
        android:layout_alignParentTop="true" 
        android:layout_marginRight="10dp" 
        android:layout_toLeftOf="@id/middleSeperator" 
        android:orientation="vertical" >
&lt;TextView
            android:id="@+id/textView1" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textView" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" 
            android:gravity="right"/>
&lt;TextView
            android:id="@+id/textView2" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:gravity="right" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am num 1" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" />
&lt;TextView
            android:id="@+id/textView3" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am number 2" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" 
            android:gravity="right"/>
&lt;TextView
            android:id="@+id/textView4" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am number 3" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" 
            android:gravity="right"/>
&lt;TextView
            android:id="@+id/textView5" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am number 4" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" 
            android:gravity="right"/>
&lt;TextView
            android:id="@+id/textView6" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am number 5" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" 
            android:gravity="right"/>
&lt;/LinearLayout&gt;
&lt;View
        android:id="@+id/middleSeperator" 
        android:layout_width="1dp" 
        android:layout_height="fill_parent" 
        android:layout_centerInParent="true" 
        android:background="#90909090" />
&lt;LinearLayout
        android:id="@+id/rightLayout" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignLeft="@id/middleSeperator" 
        android:layout_alignParentRight="true" 
        android:layout_alignParentTop="true" 
        android:layout_marginLeft="10dp" 
        android:orientation="vertical" >
&lt;TextView
            android:id="@+id/textViewHealth" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textView" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" />
&lt;TextView
            android:id="@+id/textViewLevel" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am num 1" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" />
&lt;TextView
            android:id="@+id/textViewStatus" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am number 2" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" />
&lt;TextView
            android:id="@+id/textViewTech" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am number 3" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" />
&lt;TextView
            android:id="@+id/textViewTemp" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am number 4" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" />
&lt;TextView
            android:id="@+id/textViewVoltage" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginTop="@dimen/activity_vertical_margin" 
            android:text="textview am number 5" 
            android:textStyle="bold" 
            tools:ignore="SelectableText" />
&lt;/LinearLayout&gt;
&lt;/RelativeLayout&gt;

android - このタイプのレイアウトを実装する方法

5 に答える 5

Related

Reference