天天看點

布局設計-LinearLayout

LinearLayout視圖将其子View控件組織成一行或一列,這取決于orientation屬性是水準還是垂直。

xml内容如下:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:layout_gravity="center_vertical"

    android:orientation="horizontal" >

    <!--

         layout_gravity 重力方向 

layout_weight 權重

    -->

    <ImageView

        android:id="@+id/imageView01"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:layout_weight=".1"

        android:contentDescription="@string/arrow"

        android:src="@drawable/arrow" />

    <!-- 資源指向一個red_oval.xml,定義為紅色橢圓形,引力縱向居中,權重為.1,最小賽諾為30dp,最小高度為300dp -->

    <ImageView

        android:id="@+id/imageView02"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center_vertical"

        android:layout_weight=".1"

        android:contentDescription="@string/red_oval"

        android:minHeight="300dp"

        android:minWidth="30dp"

        android:src="@drawable/red_oval" />

    <ImageView

        android:id="@+id/imageView03"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="top"

        android:layout_weight=".1"

        android:contentDescription="@string/arrow2"

        android:src="@drawable/arrow2" />

    <ImageView

        android:id="@+id/imageView04"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="top"

        android:layout_weight=".1"

        android:contentDescription="@string/green_rect"

        android:minHeight="300dp"

        android:minWidth="30dp"

        android:src="@drawable/green_rect" />

    <!--

        <ImageView

            android:id="@+id/imageView05"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="bottom"

            android:layout_weight=".1"

            android:contentDescription="@string/ffffff_line"

            android:minHeight="300dp"

            android:minWidth="30dp"

            android:src="@drawable/ffffff_line" />

    -->

     <ImageView android:id="@+id/imageView05"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/arrow"

        android:contentDescription="@string/arrow"

        android:layout_gravity="bottom"

        android:layout_weight=".1"/>

     <ImageView android:id="@+id/imageView06"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:src="@drawable/red_oval"

         android:contentDescription="@string/red_oval"

         android:layout_gravity="center_vertical"

         android:layout_weight=".1"

         android:minWidth="30dp"

         android:minHeight="300dp"/>

</LinearLayout>