Android高級組件Gallery畫廊視圖使用方法詳解

2019-12-12 01:23:19

字體：大中小

供稿：網(wǎng)友

畫廊視圖(Gallery)表示，能夠按水平方向顯示內(nèi)容，并且可用手指直接拖動圖片移動，一般用來瀏覽圖片，被選中的選項(xiàng)位于中間，并且可以響應(yīng)事件顯示信息。在使用畫廊視圖時(shí)，首先需要在屏幕上添加Gallery組件，通常使用<Gallery>標(biāo)記在XML布局文件中添加。其基本語法如下：

Gallery組件支持的XML屬性表如下：

android:animationDuration 用于設(shè)置列表切換時(shí)的動畫持續(xù)時(shí)間
android:gravity    用于設(shè)置對其方式
android:spacing    用于設(shè)置列表之間的間距
android:unselectedAlpha    用于設(shè)置沒有選中的列表項(xiàng)的透明度

使用畫廊視圖，也需要使用Adapter提供要顯示的數(shù)據(jù)。通常使用BaseAdapter類為Gallery組件提供數(shù)據(jù)。下面通過一個(gè)具體的實(shí)例演示通過BaseAdapter適配器為Gallery組件提供要顯示的圖片。

res/layout/main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="fill_parent"  android:layout_height="fill_parent"  android:orientation="horizontal"  android:id="@+id/layout"  android:gravity="center">  <Gallery  android:id="@+id/gallery1"  android:spacing="5px"  android:unselectedAlpha="0.6"  android:layout_width="match_parent"  android:layout_height="wrap_content"/> </LinearLayout>

在res/values目錄中，創(chuàng)建一個(gè)名為attr.xml的文件，在該文件中定義一個(gè)styleable對象，用于組合多個(gè)屬性。這里只指定了一個(gè)系統(tǒng)自帶的android:galleryItemBackground屬性，用于設(shè)置各選項(xiàng)的背景。具體代碼如下：
res/values/attr.xml:

<?xml version="1.0" encoding="utf-8"?> <resources>  <declare-styleable name="Gallery">  <attr name="android:galleryItemBackground"/>  </declare-styleable> </resources>

MainActivity：

package com.example.test;   import android.app.Activity; import android.content.res.TypedArray; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.BaseAdapter; import android.widget.Gallery; import android.widget.ImageView; import android.widget.Toast;   public class MainActivity extends Activity{    @Override  protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.main);    Gallery gallery=(Gallery)findViewById(R.id.gallery1);  final int [] imageId=new int[]{R.drawable.img01,R.drawable.img02,R.drawable.img03,R.drawable.img04,   R.drawable.img05,R.drawable.img06,R.drawable.img07,R.drawable.img08,   R.drawable.img_top,R.drawable.ic_launcher,R.drawable.in,R.drawable.stop,};//定義并初始化保存圖片id的數(shù)組  //創(chuàng)建并改寫B(tài)aseAdapter適配器  BaseAdapter adapter=new BaseAdapter(){     @Override   public View getView(int position, View convertView, ViewGroup parent) {   ImageView imageView;//聲明一個(gè)ImageView的對象   if(convertView==null){    imageView=new ImageView(MainActivity.this);//實(shí)例化ImageView對象    imageView.setScaleType(ImageView.ScaleType.FIT_XY);//設(shè)置縮放方式    imageView. setLayoutParams(new Gallery.LayoutParams(180, 135));//設(shè)置ImageView寬高    TypedArray typedArray=obtainStyledAttributes(R.styleable.Gallery);//獲取自定義屬性對象    //為imageView設(shè)置背景圖片的資源，使用了自定義屬性對象typedArray獲取自定義背景資源值    imageView.setBackgroundResource(     typedArray.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0));    imageView.setPadding(5, 0, 5, 0);//設(shè)置內(nèi)邊距   }else{    //如果以前new過View就使用convertView的緩存    imageView=(ImageView)convertView;   }   imageView.setImageResource(imageId[position]);   return imageView;   }     //功能:獲得當(dāng)前選項(xiàng)的id   @Override   public long getItemId(int position) {   return position;   }     //功能：獲得當(dāng)前選項(xiàng)   @Override   public Object getItem(int position) {   return position;   }     //獲得數(shù)量   @Override   public int getCount() {   return imageId.length;   }    };    gallery.setAdapter(adapter);  gallery.setSelection(imageId.length/2);  gallery.setOnItemClickListener(new OnItemClickListener() {     @Override   public void onItemClick(AdapterView<?> parent, View v, int position,    long id) {   Toast.makeText(MainActivity.this, "您選擇了第"+String.valueOf(position)+"張圖片",     Toast.LENGTH_SHORT).show();   }  });  } }

效果如圖：