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>