文实例讲述了Android控件之Gallery用法。分享给大家供大家参考。具体如下:
Gallery组件主要用于横向显示图像列表,不过按常规做法。Gallery组件只能有限地显示指定的图像。也就是说,如果为Gallery组件指定了10张图像,那么当Gallery组件显示到第10张时,就不会再继续显示了。这虽然在大多数时候没有什么关系,但在某些情况下,我们希望图像显示到最后一张时再重第1张开始显示,也就是循环显示。要实现这种风格的Gallery组件,就需要对Gallery的Adapter对象进行一番改进。
Gallery组件主要用于横向显示图像列表,不过按常规做法。Gallery组件只能有限地显示指定的图像。也就是说,如果为Gallery组件指定了10张图像,那么当Gallery组件显示到第10张时,就不会再继续显示了。这虽然在大多数时候没有什么关系,但在某些情况下,我们希望图像显示到最后一张时再重第1张开始显示,也就是循环显示。要实现这种风格的Gallery组件,就需要对Gallery的Adapter对象进行一番改进。
以下通过Gallery模拟循环显示图像,在单击某一个Gallery组件中的图像时在下方显示一个放大的图像(使用ImageSwitcher组件)。
目录结构
main.xml布局文件:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
android:orientation
=
"vertical"
android:layout_width
=
"fill_parent"
android:layout_height
=
"fill_parent"
>
<!-- android:unselectedAlpha: 设置未选中的条目的透明度(Alpha)。该值必须是float类型,比如:“1.2”。 -->
<
Gallery
android:layout_width
=
"fill_parent"
android:layout_height
=
"wrap_content"
android:spacing
=
"10dip"
android:unselectedAlpha
=
"1.2"
android:id
=
"@+id/gallery"
android:layout_marginTop
=
"30dp"
/>
<
ImageSwitcher
android:id
=
"@+id/imageSwitcher"
android:layout_width
=
"fill_parent"
android:layout_height
=
"wrap_content"
android:layout_marginTop
=
"30dp"
/>
</
LinearLayout
>
|
GalleryActivity类:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
package
com.ljq.ga;
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.Gallery;
import
android.widget.ImageSwitcher;
import
android.widget.ImageView;
import
android.widget.AdapterView.OnItemClickListener;
import
android.widget.AdapterView.OnItemSelectedListener;
import
android.widget.LinearLayout.LayoutParams;
import
android.widget.ViewSwitcher.ViewFactory;
public
class
GalleryActivity
extends
Activity
implements
ViewFactory {
private
Gallery gallery =
null
;
private
ImageSwitcher imageSwitcher=
null
;
int
[] imageIDs={
R.drawable.p1,R.drawable.p2,R.drawable.p3,
R.drawable.p4,R.drawable.p5,R.drawable.p6,
R.drawable.p7,R.drawable.p8 };
@Override
public
void
onCreate(Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
setContentView(R.layout.main);
imageSwitcher=(ImageSwitcher)findViewById(R.id.imageSwitcher);
// 设置ImageSwitcher组件的工厂对象
imageSwitcher.setFactory(
this
);
// 设置ImageSwitcher组件显示图像的动画效果
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(
this
,
android.R.anim.fade_in));
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(
this
,
android.R.anim.fade_out));
gallery = (Gallery) findViewById(R.id.gallery);
ImageViewAdapter adapter=
new
ImageViewAdapter(GalleryActivity.
this
, imageIDs);
gallery.setAdapter(adapter);
gallery.setOnItemSelectedListener(
new
OnItemSelectedListener(){
public
void
onItemSelected(AdapterView<?> parent, View view,
int
position,
long
id) {
//选中Gallery中某个图像时,在ImageSwitcher组件中放大显示该图像
imageSwitcher.setImageResource(imageIDs[position%imageIDs.length]);
}
public
void
onNothingSelected(AdapterView<?> arg0) {
}
});
gallery.setOnItemClickListener(
new
OnItemClickListener(){
public
void
onItemClick(AdapterView<?> parent, View view,
int
position,
long
id) {
Log.i(
"ljq"
,
"parent="
+parent.getClass().getName());
//Gallery
Log.i(
"ljq"
,
"view="
+view.getClass().getName());
//ImageView
Log.i(
"ljq"
,
"position="
+ position);
//1
Log.i(
"ljq"
,
"id="
+ id);
//1
Gallery gl=(Gallery)parent;
ImageView iv=(ImageView)view;
}
});
}
// ImageSwitcher组件需要这个方法来创建一个View对象(一般为ImageView对象)
// 来显示图像
public
View makeView() {
ImageView imageView =
new
ImageView(
this
);
imageView.setBackgroundColor(
0xFF000000
);
imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
imageView.setLayoutParams(
new
ImageSwitcher.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
return
imageView;
}
}
|
ImageViewAdapter自定义适配器:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
package
com.ljq.ga;
import
android.content.Context;
import
android.view.View;
import
android.view.ViewGroup;
import
android.widget.BaseAdapter;
import
android.widget.ImageView;
import
android.widget.LinearLayout;
public
class
ImageViewAdapter
extends
BaseAdapter{
private
int
[] imageIDs=
null
;
private
Context context=
null
;
public
ImageViewAdapter(Context context,
int
[] imageIDs) {
this
.context=context;
this
.imageIDs=imageIDs;
}
//用于返回图像总数,要注意的是,这个总数不能大于图像的实际数(可以小于图像的实际数),否则会抛出越界异常。
public
int
getCount() {
//优化一
//return imageIDs.length;
return
Integer.MAX_VALUE;
}
public
Object getItem(
int
position) {
return
imageIDs[position];
}
public
long
getItemId(
int
position) {
return
position;
}
//ScaleType的用法
//CENTER/center 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
//CENTER_CROP/centerCrop 按比例扩大图片的size居中显示,使得图片长 (宽)等于或大于View的长(宽)
//CENTER_INSIDE/centerInside 将图片的内容完整居中显示,通过按比例缩小 或原来的size使得图片长/宽等于或小于View的长/宽
//FIT_CENTER/fitCenter 把图片按比例扩大/缩小到View的宽度,居中显示
//FIT_END/fitEnd 把 图片按比例扩大/缩小到View的宽度,显示在View的下部分位置
//FIT_START/fitStart 把 图片按比例扩大/缩小到View的宽度,显示在View的上部分位置
//FIT_XY/fitXY 把图片 不按比例 扩大/缩小到View的大小显示
//MATRIX/matrix 用矩阵来绘制
public
View getView(
int
position, View convertView, ViewGroup parent) {
ImageView iv =
new
ImageView(context);
//优化二,通过取余来循环取得imageIDs数组中的图像资源ID,取余可以大大较少资源的浪费
iv.setImageResource(imageIDs[position%imageIDs.length]);
iv.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
iv.setLayoutParams(
new
LinearLayout.LayoutParams(
77
,
77
));
//把图片缩小原来的60%
return
iv;
}
}
|
运行结果
希望本文所述对大家的Android程序设计有所帮助。