GridView(網格視圖)是按照行列的方式來顯示內容的,壹般用於顯示圖片,圖片等內容,比如實現九宮格圖,用GridView是首選,也是最簡單的。主要用於設置Adapter。
1.GridView常用的XML屬性
屬性名稱 描述
android:columnWidth 設置列的寬度。
android:gravity 設置此組件中的內容在組件中的位置。可選的值有:top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical可以多選,用“|”分開。
android:horizontalSpacing 兩列之間的間距。
android:numColumns 設置列數。
android:stretchMode 縮放模式。
android:verticalSpacing 兩行之間的間距。
2.實例1?
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<GridView?
android:id="@+id/GridView1"?
android:layout_width="wrap_content"?
android:layout_height="wrap_content"
android:columnWidth="90dp"
android:numColumns="3"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:stretchMode="columnWidth"
android:gravity="center"?
/>
</LinearLayout>
運行效果:
3.實例2
gridview.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="/apk/res/android"
android:layout_width="wrap_content" android:layout_height="wrap_content" > <GridView? android:id="@+id/mygridview" android:numColumns="3" android:gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:stretchMode="columnWidth" /></LinearLayout>
grid_item.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="/apk/res/android"
android:id="@+id/RelativeLayout1" android:layout_width="wrap_content"? android:layout_height="fill_parent" android:paddingBottom="6dip" > <ImageView? android:id="@+id/image_item" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" /> <TextView? android:id="@+id/text_item" android:layout_below="@+id/image_item" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_centerHorizontal="true" /></RelativeLayout>
運行效果圖:
4.實例3
main.xml
<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="/apk/res/android"?
android:id="@+id/gridview"
android:layout_width="fill_parent"?
android:layout_height="fill_parent"
android:columnWidth="90dp"
android:numColumns="auto_fit"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:stretchMode="columnWidth"
android:gravity="center"
/>
picture_item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="/apk/res/android"
android:id="@+id/root"
android:orientation="vertical"?
android:layout_width="wrap_content"
android:layout_height="wrap_content"?
android:layout_marginTop="5dp"
>
<ImageView?
android:id="@+id/image"
android:layout_width="100dp"
android:layout_height="150dp"?
android:layout_gravity="center"
android:scaleType="fitXY"
android:padding="4dp"
/><TextView?
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"?
android:layout_gravity="center"
android:gravity="center_horizontal"
/>
</LinearLayout>
效果圖: