Android. Разметка с тремя вертикальными полосами

Особенность заключается в том, чтобы левая и правая полосы имели фиксированный размер, а средняя заполняла все оставшееся пространство на экране. Подсказали на сайте 4pda.ru

Способ 1. Внутри RelativeLayout располагаются 3 LinearLayout:
1)левый — android:layout_alignParentLeft=»true»
2)правый — android:layout_alignParentRight=»true»
3)средний — android:layout_toLeftOf=»@+id/linearLayout4″ android:layout_toRightOf=»@+id/linearLayout2″ — указываются ссылки на левую и правую полосы

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

		<LinearLayout android:id="@+id/linearLayout2" android:layout_height="match_parent" android:orientation="vertical" android:layout_width="60px" android:layout_weight="1" android:gravity="center" android:layout_alignParentLeft="true">
        </LinearLayout>
        <LinearLayout android:id="@+id/linearLayout4" android:layout_height="match_parent" android:orientation="vertical" android:layout_width="60px" android:layout_weight="1" android:gravity="center" android:layout_alignParentRight="true">
        </LinearLayout>
        <LinearLayout android:id="@+id/linearLayout3" android:layout_height="match_parent" android:orientation="vertical" android:layout_width="fill_parent" android:layout_weight="1" android:layout_toLeftOf="@+id/linearLayout4" android:layout_toRightOf="@+id/linearLayout2"></LinearLayout>

</RelativeLayout>

Способ 2. Более логичный. Три LinearLayout располагаются внутри LinearLayout. У среднего задать свойства:
android:layout_width=»fill_parent» android:layout_weight=»1″

<LinearLayout android:id="@+id/linearLayout1" android:layout_alignParentLeft="true" android:layout_width="match_parent" android:layout_height="match_parent">
        <LinearLayout android:id="@+id/linearLayout2" android:layout_height="match_parent" android:orientation="vertical" android:layout_width="60px" android:gravity="center">
        </LinearLayout>
        <LinearLayout android:id="@+id/linearLayout3" android:layout_height="match_parent" android:orientation="vertical" android:layout_width="fill_parent" android:layout_weight="1"></LinearLayout>
        <LinearLayout android:id="@+id/linearLayout4" android:layout_height="match_parent" android:orientation="vertical" android:layout_width="60px" android:gravity="center">
        </LinearLayout>
    </LinearLayout>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *