當前位置:編程學習大全網 - 源碼下載 - android ScrollVIew中嵌套GridView,如何顯示GridView

android ScrollVIew中嵌套GridView,如何顯示GridView

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>

效果圖:

  • 上一篇:開發家政APP需要哪些基本功能
  • 下一篇:Linux源代碼斷點
  • copyright 2024編程學習大全網