画廊视图(Gallery)的功能和⽤法
Gallery与Spinner组件有共同的⽗类:AbsSpinner,表明Gallery和Spinner是同⼀个列表框。它们之间的区别是Spinner显⽰的垂直的列表选择框,⽽Gallery显⽰的是⼀个⽔平的列表选择框。Gallery和Spinner还有⼀个区别:Spinner的作⽤是供⽤户选择,⽽Gallery则允许⽤户通过拖动来查看上⼀个、下⼀个列表项。
Gallery本⾝的⽤法⾮常简单——基本上与Spinner的⽤法相似,只要为它提供⼀个内容Adapter即可,该Adapter的getView⽅法所返回的View将作为Gallery列表的列表项。如果程序要监控到Gallery列表项的改变,通过为Gallery添加OnItemSelectedListener即可实现。
实例:“幻灯⽚”式图⽚查看器
本实例也是带预览的图⽚浏览器,但本实例的界⾯更加友好,因为本实例采⽤Gallery作为图⽚预览器,Gallery会⽣成⼀个“⽔平列表”,每个列表项就是⼀张图⽚预览,⽽且Gallery⽣成的“⽔平列表”可以让⽤户通过拖动来切换列表项。
下⾯是本实例的界⾯布局⽂件。
<LinearLayout xmlns:android="schemas.android/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<!-- 定义⼀个ImageView组件 -->
<ImageView android:id="@+id/imageView"
android:layout_width="320dp"
android:layout_height="320dp"
android:layout_gravity="center"
/>
<!-- 定义⼀个Gallery组件 -->
<Gallery android:id="@+id/gallery"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="25dp"
android:unselectedAlpha="0.6"
android:spacing="2pt"/>
</LinearLayout>
上⾯的布局⽂件⾮常简单,仅仅定义了两个组件:ImageView和Gallery组件。接下来的主程序很简单:为Gallery传⼊⼀个Adapter对象,这样Gallery即可正常⼯作。
为了让ImageView可显⽰Gallery中选中的图⽚,为Gallery绑定OnItemSelectedListener即可。程序代码如下:
azyit.helloworld;
import android.os.Bundle;
import android.app.Activity;
t.res.TypedArray;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.*;
import android.widget.AdapterView.OnItemSelectedListener;
public class GalleryTest extends Activity {
int[] imageIds=new int[]{
R.drawable.shuangzi,
R.drawable.shuangyu,
R.drawable.chunv,
R.drawable.tiancheng,
R.drawable.tianxie,
R.drawable.sheshou,
R.drawable.juxie,
R.drawable.shuiping,
R.drawable.shizi,
R.drawable.baiyang,
R.drawable.jinniu,
jie
};
@SuppressWarnings("deprecation")
Gallery gallery;
ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
setContentView(R.layout.gallery_test);
gallery=(Gallery)findViewById(R.id.gallery);
//获取显⽰图⽚的ImageView对象
imageView=(ImageView)findViewById(R.id.imageView);
/
/创建⼀个BaseAdapter对象,该对象负责提供Gallery所显⽰的列表项
BaseAdapter adapter=new BaseAdapter()
{
@Override
public int getCount() {
// TODO Auto-generated method stub
return imageIds.length;
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stubandroid layout布局
return position;
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@SuppressWarnings("deprecation")
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
/
/创建⼀个ImageView
ImageView imageView=new ImageView(GalleryTest.this);
imageView.setImageResource(imageIds[position]);
//设置ImageView的缩放类型
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
//为imageView设置布局参数
imageView.setLayoutParams(new Gallery.LayoutParams( 175,
275));
//设置背景风格。Gallery背景风格定义在l中
TypedArray typedArray=obtainStyledAttributes(R.styleable.Gallery);
imageView.ResourceId(R.styleable.Gallery_android_galleryItemBackground, 1));
return imageView;
}
};
gallery.setAdapter(adapter);
gallery.setOnItemSelectedListener(new OnItemSelectedListener(){
//当Gallery选中项发⽣改变时触发该⽅法
@Override
public void onItemSelected(AdapterView<?> parent, View view,
int position, long id) {
// TODO Auto-generated method stub
imageView.setImageResource(imageIds[position]);
}
@Override
public void onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().u.gallery_test, menu);
return true;
}
}
上⾯代码中使⽤了R.styleable.Gallery资源,该资源是/res/l⽂件,其布局⽂件如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="Gallery">
<attr name="android:galleryItemBackground"/>
</declare-styleable>
</resources>
上⾯的程序中粗体字代码创建了⼀个BaseAdapter对象,该Adapter将负责为Gallery提供列表项。运⾏上⾯的程序,将可以看到如下效果:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论