android學習之--網格視圖(GridView)和映像切換器(ImageSwitcher)，androidgridview

android學習之--網格視圖(GridView)和映像切換器(ImageSwitcher)，androidgridview

      

         GridView用於在介面上按行、列分布顯示多個組件。GridView和ListView有共同父類：AbsListView。GridView與ListView的區別在於：ListView只在一個方向上分布，GridView在兩個方向上分布。所以使用GridView時一般都指定numColumns大於1，否則該屬性預設值為1，就意味著改GridView只有一列，那就變成了ListView

     

    GridView的xml屬性

android:strtchMode 的值為：

  

     ImageSwitcher由FrameLayout派生而出，ImageSwitcher組件與ImageView很相似，但是ImageSwitcher多一個功能：它所顯示的圖片切換時可以設定動畫效果。

使用ImageSwitcher時往往需要為它設定一個ImageSwitcher.ViewFactory的makeView()方法來負責顯示ImageView

下面結合GridView和ImageSwitcher來實現一個例子

（1）activity_main.xml     布局GridView和ImageSwitcher

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:gravity="center_horizontal">    <GridView         android:id="@+id/grid"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:horizontalSpacing="1dp"        android:verticalSpacing="2dp"        android:numColumns="4"/>    <ImageSwitcher         android:id="@+id/imageSwitch"        android:layout_gravity="center_vertical|center_horizontal"        android:layout_width="wrap_content"        android:layout_height="wrap_content"/>    </LinearLayout>

（2）img.xml        布局imageView 用於顯示GridView的圖片

<?xml version="1.0" encoding="UTF-8"?><LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="horizontal"    android:layout_width="fill_parent"    android:layout_height="fill_parent">        <ImageView         android:id="@+id/img"        android:layout_width="wrap_content"        android:layout_height="wrap_content"/></LinearLayout>

（3）MainActivity.java

package com.example.viewimage;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.os.Bundle;import android.util.Log;import android.view.View;import android.view.animation.AnimationUtils;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.AdapterView.OnItemSelectedListener;import android.widget.GridView;import android.widget.ImageSwitcher;import android.widget.ImageView;import android.widget.ImageView.ScaleType;import android.widget.SimpleAdapter;import android.widget.ViewSwitcher.ViewFactory;public class MainActivity extends Activity {//定義組件private GridView gredView = null;private ImageSwitcher imageSwt =null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//擷取布局組件gredView = (GridView) findViewById(R.id.grid);imageSwt = (ImageSwitcher) findViewById(R.id.imageSwitch);//圖片final int images[] = new int[]{R.drawable.name01,R.drawable.name02,R.drawable.name03,R.drawable.name04,R.drawable.name05,R.drawable.name06,R.drawable.name07,R.drawable.name08,R.drawable.name09,R.drawable.name10,R.drawable.name11,R.drawable.name12,R.drawable.name13,R.drawable.name14,R.drawable.name15,R.drawable.name16};//建立list集合，儲存圖片List<Map<String,Object>> list = new ArrayList<Map<String,Object>>();for(int i=0;i<images.length;i++){Map<String,Object> map = new HashMap<String,Object>();map.put("img", images[i]);list.add(map);}//設定圖片更換效果//淡入效果imageSwt.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));//淡出效果imageSwt.setOutAnimation(AnimationUtils.loadAnimation(this,android.R.anim.fade_out));//設定圖片轉換效果imageSwt.setFactory(new ViewFactory() {@Overridepublic View makeView() {ImageView imageView = new ImageView(MainActivity.this);imageView.setLayoutParams(new ImageSwitcher.LayoutParams(300, 300));imageView.setScaleType(ScaleType.FIT_CENTER);return imageView;}});//設定適配器SimpleAdapter simpleAdapter = new SimpleAdapter(this, list, R.layout.img, new String[]{"img"}, new int[]{R.id.img});//適配器gredView.setAdapter(simpleAdapter);//選中事件監聽gredView.setOnItemSelectedListener(new OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View view,int position, long id) {Log.i("onItemSelected", "onItemSelected");imageSwt.setImageResource(images[position]);}@Overridepublic void onNothingSelected(AdapterView<?> parent) {// TODO Auto-generated method stub}});//點擊事件監聽gredView.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {Log.i("onItemClick", "onItemClick");imageSwt.setImageResource(images[position]);}});}}

運行效果如下：

Android開發：GridView與ImageSwitcher配合使用

Gridview中又一個click函數，這個函數是悄點擊的哪個圖片，根據參數傳遞給imageswitcher,最後顯示出來就行了。
 
android 使用GridView 網格視圖（如九宮格），可以用自訂的view填充視圖？