本文实例讲述了android控件之gallery用法。分享给大家供大家参考。具体如下:
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" ?> <linearlayout xmlns:android= "http://schemas.android.com/apk/res/android" 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程序设计有所帮助。