(android控制項)介面布局實現GridView(網格效果)

1 需要實現的效果：

處於業務的需求，需要實現網格效果，具體來講 螢幕中一行等分兩塊，每一塊中置中放一個圖片。

補充要求：考慮介面設計時，通用於不同解析度手機螢幕，則不能通過固定位置布局

 

實現介面：

 

2 神奇的控制項屬性：layout_weight

layout_weight 屬性

屬性的意義： 設定額外分配給控制項的空間，預設為0 ，控制項保持不變 ，屬性大於0，則將螢幕剩餘的控制項分配給控制項。

 

3 解決思路：

     [一般的實現的方式]

             設定一個橫向布局，放置控制項，並設定控制項之間的間隔，但對於不同尺寸的螢幕，要做多套介面

 

    [本文的解決思路]

           設定一個橫向布局，在布局中添加數個 線性布局，並統一設定屬性 layout_weight =1，置中 ，線上性布局中放入需要的控制項，這樣利用layout_weight屬性讓線性布局等分，且可以保證需要的控制項不走樣。

 

 

4 實戰實現代碼：

 

   <LinearLayout
android:id="@+id/linearLayout1"
            android:layout_width="fill_parent"
            android:orientation="horizontal"
            android:layout_marginTop="15dp"
            android:layout_height="wrap_content" >

<LinearLayout
android:id="@+id/linearLayout_n1"
                    android:layout_width="fill_parent"
                    android:orientation="horizontal"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:layout_height="wrap_content" >
<ImageView
android:id="@+id/img_1"
                         android:adjustViewBounds="true"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:padding="4dp"
                         android:focusable="true"
                        android:clickable="true"
                         android:tag="1"
                         android:background="@drawable/imgselect"
                         android:src="@drawable/sl1_1" />
</LinearLayout>
<LinearLayout
android:id="@+id/linearLayout_n2"
                    android:layout_width="fill_parent"
                    android:layout_weight="1"
                    android:orientation="horizontal"

                    android:gravity="center"
                    android:layout_height="wrap_content" >
<ImageView
android:id="@+id/img_2"
                         android:adjustViewBounds="true"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:padding="4dp"
                         android:tag="2"
                         android:focusable="true"
                        android:clickable="true"
                         android:background="@drawable/imgselect"
                         android:src="@drawable/sl1_2" />
</LinearLayout>
</LinearLayout>