如圖,是美工給的界面圖,在實作中,中間的九宮格用gridview來實作。但在不同的dpi下,gridview要麼顯示不全需要滾動浏覽,要麼留出空白區域。
界面的布局檔案代碼:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<cn.llzg.plotwiki.ui.stub.HeaderBar
android:id="@+id/headerbar"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</cn.llzg.plotwiki.ui.stub.HeaderBar>
<ImageView
android:id="@+id/neck_img"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.3"
android:scaleType="fitXY"
android:src="@drawable/neck_img" />
<GridView
android:id="@+id/gridv_business_home"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@color/gray"
android:horizontalSpacing="1px"
android:verticalSpacing="1px"
android:numColumns="3"
>
</GridView>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.13"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:id="@+id/tv_add_business"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/selector_grey"
android:gravity="center"
android:padding="6dp"
android:text="@string/add_business"
android:textSize="@dimen/large_size" />
</LinearLayout>
</LinearLayout>
為了使得gridview正好顯示3行,需要在定義擴充卡的getView()方法中用代碼計算其高度,解決方法如下:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view = LayoutInflater.from(BusinessActivity_3.this).inflate(
R.layout.item_grid_business, null);
ImageView img = (ImageView) view
.findViewById(R.id.img_business_icon);
TextView iv = (TextView) view
.findViewById(R.id.tv_business_caption);
img.setImageResource(itemPicIds[position]);
iv.setText(itemStrs[position]);
<span style="color:#ff6666;">int height=gridview.getHeight()/3;
AbsListView.LayoutParams params=new AbsListView.LayoutParams(LayoutParams.MATCH_PARENT, height);
view.setLayoutParams(params);</span>
return view;
}