快捷導(dǎo)航

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

更新時(shí)間：2021年01月22日 10:34:30 作者：光仔December

這篇文章主要為大家詳細(xì)介紹了Android高級(jí)組件Gallery畫廊視圖的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

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

<Gallery
  屬性列表  
>
</Gallery>

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

android:animationDuration 用于設(shè)置列表切換時(shí)的動(dòng)畫持續(xù)時(shí)間
android:gravity 用于設(shè)置對(duì)其方式
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對(duì)象，用于組合多個(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的對(duì)象 
 if(convertView==null){ 
  imageView=new ImageView(MainActivity.this);//實(shí)例化ImageView對(duì)象 
  imageView.setScaleType(ImageView.ScaleType.FIT_XY);//設(shè)置縮放方式 
  imageView. setLayoutParams(new Gallery.LayoutParams(180, 135));//設(shè)置ImageView寬高 
  TypedArray typedArray=obtainStyledAttributes(R.styleable.Gallery);//獲取自定義屬性對(duì)象 
  //為imageView設(shè)置背景圖片的資源，使用了自定義屬性對(duì)象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(); 
 } 
 }); 
 } 
}

效果如圖：