任何人都可以建议我如何做以下布局?

时间:2014-01-10 06:20:48

标签: android android-view

我需要按以下方式安排意见 enter image description here

我设法用2 views设法做到了 但是为4 views做这件事,我面临着问题...... 有谁能够帮我?? 注意:我的API级别为8

所以我不能使用GridLayout

5 个答案:

答案 0 :(得分:3)

您可以使用加权线性和相对布局轻松创建此布局。下面,我提供了一种方法的示例代码:

<?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:orientation="vertical"
              android:id="@+id/root"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent">

    <LinearLayout android:id="@+id/first_row"
                  android:layout_width="fill_parent" 
                  android:orientation="horizontal"
                  android:layout_height="0dip"
                  android:layout_weight="1"
                  android:baselineAligned="false">

          <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                        android:id="@+id/layout1"
                        android:orientation="vertical"
                        android:layout_weight="1"
                        android:layout_width="0dip"
                        android:layout_height="wrap_content"
                        tools:ignore="NestedWeights">
         </RelativeLayout>

         <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                        android:id="@+id/layout2"
                        android:orientation="vertical"
                        android:layout_weight="1"
                        android:layout_width="0dip"
                        android:layout_height="wrap_content"
                        tools:ignore="NestedWeights">
        </RelativeLayout>

    </LinearLayout>
    <LinearLayout android:id="@+id/second_row"
                  android:layout_width="fill_parent" 
                  android:orientation="horizontal"
                  android:layout_height="0dip"
                  android:layout_weight="1"
                  android:baselineAligned="false">

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                        android:id="@+id/layout3"
                        android:orientation="vertical"
                        android:layout_weight="1"
                        android:layout_width="0dip"
                        android:layout_height="wrap_content"
                        tools:ignore="NestedWeights">
        </RelativeLayout>

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                        android:id="@+id/layout4"
                        android:orientation="vertical"
                        android:layout_weight="1"
                        android:layout_width="0dip"
                        android:layout_height="wrap_content"
                        tools:ignore="NestedWeights">
        </RelativeLayout>

</LinearLayout>

答案 1 :(得分:2)

<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <LinearLayout android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="2">
        <TextView />
        <TextView />
    </LinearLayout>
    <LinearLayout android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="2">
        <TextView />
        <TextView />
    </LinearLayout>
</LinearLayout>

答案 2 :(得分:1)

这是我认为你要问的布局。

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

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

<FrameLayout 
android:id="@+id/framelayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"

>

<LinearLayout 
android:id="@+id/parentviewLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >


<LinearLayout 
android:id="@+id/viewLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:orientation="horizontal" >

<com.forlo.photomaster.PanZoomView
android:id="@+id/zoomview1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
/>
<com.forlo.photomaster.PanZoomView1
android:id="@+id/zoomview2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
/>

</LinearLayout>

<LinearLayout 
android:id="@+id/viewLayout2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_weight="1"
android:layout_below="@id/viewLayout" >

<com.forlo.photomaster.PanZoomView2
android:id="@+id/zoomview3"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
/>

  <com.forlo.photomaster.PanZoomView3
android:id="@+id/zoomview4"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
/>

</LinearLayout>

</LinearLayout>

</FrameLayout>

</RelativeLayout>

答案 3 :(得分:1)

使用这个:)

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

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

<TableLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="4"
    >

    <TableRow 
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:layout_weight="2"
        android:id="@+id/row1"
        >

        <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/ic_launcher"
            android:background="@android:color/holo_blue_light"/>

         <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:src="@drawable/ic_launcher"
            android:layout_weight="1"
            android:background="@android:color/holo_blue_light"/>



    </TableRow>

     <TableRow 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_weight="2"
        android:id="@+id/row2"

        >

        <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/ic_launcher"
            android:background="@android:color/holo_blue_light"/>

         <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/ic_launcher"
            android:background="@android:color/holo_blue_light"/>



    </TableRow>


</TableLayout>

</RelativeLayout>

答案 4 :(得分:0)

使用加权LinearLayouts - 一个水平和两个垂直,反之亦然。

您可能会收到“嵌套线性布局会影响性能”的警告,但这适用于列表视图或其他具有大量布局的场景。

这是一个很好的来源: Linear Layout and weight in Android