9Android基本组件之常用widget组件介绍(图片视图，图片按钮，切换图片，网格视图)程浩?2006,ZTECorporation.Allrightsreserved.学习目标★掌握Android中常用的widget组件★应用widget组件制作自己的UI应用★图片视图（ImageView）介绍与应用★图片按钮（ImageButton）介绍与应用★切换图片（ImageDwitcher&Gallery）介绍与应用★网格视图（GridView）介绍与应用?2006,ZTECorporation.Allrightsreserved.图片视图（ImageView）介绍与应用ImageView组件，主要作用是展示图片。这里同样先在main.xml文件中添加一个按钮，用以打开演示ImageView组件的界面，实现代码如下：
设定完按钮后，编写响应代码：?2006,ZTECorporation.Allrightsreserved.Buttonimage_view_button=(Button)findViewById(R.id.image_view_button);image_view_button.setOnClickListener(image_view_button_listener);……privateButton.OnClickListenerimage_view_button_listener=newButton.OnClickListener(){publicvoidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,ImageViewActivity.class);startActivity(intent);}};图片视图（ImageView）介绍与应用?2006,ZTECorporation.Allrightsreserved.在单击按钮后，会启动一个新的ImageViewActivity,所以这里我们应该创建一个新的ImageViewActivity.java文件。实现代码如下：publicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle(是办正事，还是找乐子屾);setContentView(R.layout.image_view);}在上面代码我们可以看到，调用了一个image_view.xml的文件，所以，我们要设计一下显示的多选框的样式，对应设计代码如下：
图片视图（ImageView）介绍与应用?2006,ZTECorporation.Allrightsreserved.图片视图（ImageView）图片视图（ImageView）介绍与应用?2006,ZTECorporation.Allrightsreserved.图片按钮（ImageButton）介绍与应用ImageButton是可以提供一个图片按钮。这里现在main.xml中添加一个按钮，单击按钮会启动这个ImageButtonActivity，添加Button的代码如下：
定义一个id为“image_button_button”的按钮，并设定其宽度和高度都是和内容自适应，并设定其显示文字为“哥显示的是图片按钮”。其对应的响应代码如下：?2006,ZTECorporation.Allrightsreserved.Buttonimage_button_button=(Button)findViewById(R.id.image_button_button);image_button_button.setOnClickListener(image_button_button_listener);……privateButton.OnClickListenerimage_button_button_listener=newButton.OnClickListener(){publicvoidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,ImageButtonActivity.class);startActivity(intent);}};这里创建了一个新的Activity，名字叫ImageButtonActivity。同时创建image_button.xml的界面UI文件，代码见image_button.xml下面我们来看下ImageButtonActivity.java中的代码：图片按钮（ImageButton）介绍与应用?2006,ZTECorporation.Allrightsreserved.publicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle(哥显示的是图片按钮);setContentView(R.layout.image_button);}接着在AndroidManifest.xml中添加如下代码：
下面是项目效果图：图片按钮（ImageButton）介绍与应用?2006,ZTECorporation.Allrightsreserved.图片按钮（ImageButton）图片按钮（ImageButton）介绍与应用?2006,ZTECorporation.Allrightsreserved.切换图片（ImageSwitcher&Gallery）介绍与应用这里介绍的是ImageSwitcher和Gallery这两组件，下面的例子用来介绍这两个组件。这个例子相对比较复杂，其最终需要实现的是在屏幕的上方展示一个大图，下方是一组可以滚动的图片，其中用到了一些比较复杂的东西。和前面一样，现在main.xml中创建一个入口按钮，实现代码如下：程序运行后,单击跳转到ImageShowActivity，该Acvitity用来演示ImageSwitcher&Gallery。首先指定其需要绑定的模板文件是image_show.xml，在其中添加ImageSwitcher&Gallery。实现代码如下：?2006,ZTECorporation.Allrightsreserved.切换图片（ImageSwitcher&Gallery）介绍与应用?2006,ZTECorporation.Allrightsreserved.然后看下ImageShowActivity.java的代码，首先看下它的onCreate方法，实现代码如下：publicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.image_show);setTitle(“多方位展示我的宝贝屾);mSwitcher=(ImageSwitcher)findViewById(R.id.switcher);mSwitcher.setFactory(this);mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,android.R.anim.fade_in));mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,android.R.anim.fade_out));Galleryg=(Gallery)findViewById(R.id.gallery);g.setAdapter(newImageAdapter(this));g.setOnItemSelectedListener(this);}切换图片（ImageSwitcher&Gallery）介绍与应用?2006,ZTECorporation.Allrightsreserved.getView实现代码如下：publicViewgetView(intposition,ViewconvertView,ViewGroupparent){ImageViewi=newImageView(mContext);i.setImageResource(mThumbIds[position]);i.setAdjustViewBounds(true);i.setLayoutParams(newGallery.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));i.setBackgroundResource(R.drawable.picture_frame);returni;}切换图片（ImageSwitcher&Gallery）介绍与应用?2006,ZTECorporation.Allrightsreserved.publicViewmakeView(){ImageViewi=newImageView(this);i.setBackgroundColor(0xFF000000);i.setScaleType(ImageView.ScaleType.FIT_CENTER);i.setLayoutParams(newImageSwitcher.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));returni;}这个方法为ImageSwitcher返回了一个View。ImageSwitcher调用过程是这样的，首先要有一个Factory为它提供一个View，然后ImageSwitcher就可以初始化各种资源。切换图片（ImageSwitcher&Gallery）介绍与应用?2006,ZTECorporation.Allrightsreserved.使用ImageSwitcher的注意点注意！在使用一个ImageSwitcher之前，一定要调用setFactory方法，否则，setImageResource这个方法会出现空指针异常。ImageSwitcher的切换效果就是由这两句实现：g.setAdapter(newImageAdapter(this));g.setOnItemSelectedListener(this);这里的setInAnimation是资源被读入到这个ImageSwitcher中时实现的动画效果，setOutAnimation是资源文件从这个ImageSwitcher里消失的时候要实现的动画效果，这里所有的动画都是从Android.R系统文件里读取的。接着在AndroidManifest.xml中添加如下代码：?2006,ZTECorporation.Allrightsreserved.切换图片演示切换图片演示切换图片（ImageSwitcher&Gallery）演示效果?2006,ZTECorporation.Allrightsreserved.GridView是格子视图，可以将很多图片以一定的大小显示出来，在做类似相册、图片浏览等应用时非常有用。实现的操作步骤和前面讲解的其他组件实现一样，首先在main.xml文件中添加一个“哥显示的是网格按钮”，实现代码如下：其响应代码为：privateButton.OnClickListenergrid_view_button_listener=newButton.OnClickListener(){publicvoidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,GridViewActivity.class);startActivity(intent);}};网格视图（GridView）介绍与应用?2006,ZTECorporation.Allrightsreserved.紧接着需要了解的是ImageAdapter是如何实现的，实现代码如下：publicclassImageAdapterextendsBaseAdapter{privateContextmContext;publicImageAdapter(Contextc){mContext=c;}publicintgetCount(){returnmThumbIds.length;}publicObjectgetItem(intposition){returnnull;}publiclonggetItemId(intposition){return0;}publicViewgetView(intposition,ViewconvertView,ViewGroupparent){ImageViewimageView;if(convertView==null){//ifit'snotrecycled,initializesomeattributesimageView=newImageView(mContext);imageView.setLayoutParams(newGridView.LayoutParams(85,85));imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);imageView.setPadding(8,8,8,8);}else{imageView=(ImageView)convertView;}imageView.setImageResource(mThumbIds[position]);returnimageView;}网格视图（GridView）介绍与应用?2006,ZTECorporation.Allrightsreserved.图片的引用代码为：//referencestoourimagesprivateInteger[]mThumbIds={R.drawable.grid_mybaby_02,R.drawable.grid_mybaby_03,R.drawable.grid_mybaby_04,R.drawable.grid_mybaby_05,R.drawable.grid_mybaby_06,R.drawable.grid_mybaby_07,R.drawable.grid_mybaby_08,R.drawable.grid_mybaby_09,R.drawable.grid_mybaby_010,R.drawable.grid_mybaby_011,R.drawable.grid_mybaby_012,R.drawable.mybaby_1,R.drawable.mybaby_2,R.drawable.mybaby_3,R.drawable.mybaby_4,R.drawable.mybaby_5,R.drawable.mybaby_6,R.drawable.mybaby_7};接着在AndroidManifest.xml中添加如下代码：网格视图（GridView）介绍与应用?2006,ZTECorporation.Allrightsreserved.网格视图界面展示网格视图（GridView）界面展示?2006,ZTECorporation.Allrightsreserved.Tab组件可以实现多个标签栏样式的效果，单击每个标签，打开其对应的内容界面。这里先在main.xml里添加一个按钮“哥显示的是标签”，实现代码如下：其单击响应实现的代码为：privateButton.OnClickListenertab_demo_button_listener=newButton.OnClickListener(){publicvoidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,TabDemoActivity.class);startActivity(intent);}};标签（Tab）介绍与应用?2006,ZTECorporation.Allrightsreserved.接着完成TabDemoActivity的实现，需要集成自TabActivity，其实现代码如下：publicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle(哥是变换的标签屾);TabHosttabHost=getTabHost();LayoutInflater.from(this).inflate(R.layout.tab_demo,tabHost.getTabContentView(),true);tabHost.addTab(tabHost.newTabSpec(黑妹).setIndicator(黑妹).setContent(R.id.view1));tabHost.addTab(tabHost.newTabSpec(MC老尹).setIndicator(MC老尹).setContent(R.id.view2));tabHost.addTab(tabHost.newTabSpec(地精).setIndicator(地精).setContent(R.id.view3));}标签（Tab）介绍与应用?2006,ZTECorporation.Allrightsreserved.接下来实现模板文件tab_demo.xml，实现代码如下：标签（Tab）介绍与应用?2006,ZTECorporation.Allrightsreserved.Tab1Tab2Tab3标签（Tab）演示效果?2006,ZTECorporation.Allrightsreserved.本章小结至此我们已经将Android中比较常用的widget组件全部讲完了。通过这四章的学习，学员应该对widget组件有了一个直观感受，也了解了其各自的
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
现形式和基本的使用方法。这里只是比较简单直观的介绍，没有深入研究每个组件的详细用法，但是当掌握了这里介绍的基础后，再去看SDK文档或者查API的时候会更有效果。谢谢！
浙公网安备 33021202002483