第31講 UI組件之 Gallery畫廊控件

1.Gallery的簡介

Gallery（畫廊）是一個(gè)鎖定中心條目并且擁有水平滾動列表的視圖，一般用來瀏覽圖片，并且可以響應(yīng)事件顯示信息。Gallery只能水平顯示一行，且Gallery列表中的圖片會根據(jù)不同的拖動情況向左或向右移動，直到最后一張圖片為止。Gallery還可以和ImageSwitcher組件結(jié)合使用來實(shí)現(xiàn)一個(gè)通過縮略圖來瀏覽圖片的效果。

?

Gallery常用的XML屬性

屬性名稱	描述
android:animationDuration	設(shè)置布局變化時(shí)動畫的轉(zhuǎn)換所需的時(shí)間（毫秒級）。僅在動畫開始時(shí)計(jì)時(shí)。該值必須是整數(shù)，比如：100。
android:gravity	指定在對象的X和Y軸上如何放置內(nèi)容。指定一下常量中的一個(gè)或多個(gè)（使用 “|”分割） Constant Value Description top 0x30 緊靠容器頂端，不改變其大小 bottom 0x50 緊靠容器底部，不改變其大小 left 0x03 緊靠容器左側(cè)，不改變其大小 right 0x05 緊靠容器右側(cè)，不改變其大小 center_vertical 0x10 垂直居中，不改變其大小 fill_vertical 0x70 垂直方向上拉伸至充滿容器 center_horizontal 0x01 水平居中，不改變其大小 Fill_horizontal 0x07 水平方向上拉伸使其充滿容器 center 0x11 居中對齊，不改變其大小 fill 0x77 在水平和垂直方向上拉伸，使其充滿容器 clip_vertical 0x80 垂直剪切（當(dāng)對象邊緣超出容器的時(shí)候，將上下邊緣超出的部分剪切掉） clip_horizontal 0x08 水平剪切（當(dāng)對象邊緣超出容器的時(shí)候，將左右邊緣超出的部分剪切掉）
android:spacing	圖片之間的間距
android:unselectedAlpha	設(shè)置未選中的條目的透明度(Alpha)。該值必須是float類型，比如：“1.2”。

?

一、實(shí)現(xiàn)圖片的左右滑動瀏覽效果。

//Gallery的使用方法類似于其余的ViewGroup控件，使用adapter進(jìn)行布局。

Gallery gallery=(Gallery)findViewById(R.id.gallery1);

//設(shè)置圖片適配器

gallery.setAdapter(new MyAdapter(image,this));

//image：定義整型數(shù)組 即圖片源??

final int[] image=new int[] {R.drawable.attack , R.drawable .boy1 , R.drawable .boy2 , R.drawable .doupo };

?

MyAdapter定義如下：

private class MyAdapter extends BaseAdapter{

private int[] image;

private Context context;

public MyAdapter(int[] image, Context context) {

super();

this.image = image;

this.context = context;

}

public int getCount() { return image.length; } //獲取圖片的個(gè)數(shù)

public Object getItem(int arg0) { return null; }

public long getItemId(int arg0) { return 0; }

public View getView(int arg0, View arg1, ViewGroup arg2) {

ImageView imageView=new ImageView(context);

imageView.setImageResource(image[arg0]); //給ImageView設(shè)置資源

return imageView;

}

}

?

二、實(shí)現(xiàn)縮略圖加放大圖顯示

對上述程序做修改：

首先，將layout設(shè)置為上方為ImageView，下方為Gallery顯示縮略圖。

之后，通過設(shè)置點(diǎn)擊Gallery時(shí)設(shè)置圖片到ImageView中。

final ImageView imageView=(ImageView)findViewById(R.id.imageView1);

Gallery gallery=(Gallery) findViewById(R.id.gallery1);

//設(shè)置圖片適配器

gallery.setAdapter(new MyAdapter(image,this));

//設(shè)置監(jiān)聽器?

gallery.setOnItemClickListener(newOnItemClickListener() {

public void onItemClick(AdapterView<?> arg0, View arg1, intposition, long arg3) {

imageView.setImageResource(image[position]);

}

});

?

public View getView(int arg0, View arg1,ViewGroup arg2) {

ImageView imageView=new ImageView(context);

//設(shè)置布局圖片120x120顯示?

imageView.setLayoutParams(new Gallery.LayoutParams(120, 120));?

imageView.setImageResource(image[arg0]); //給ImageView設(shè)置資源

return imageView;

}

?

轉(zhuǎn)載于:https://www.cnblogs.com/anyuan9/p/6171591.html

總結(jié)

以上是生活随笔為你收集整理的第31讲 UI组件之 Gallery画廊控件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。