1、布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<GridView
android:id="@+id/gridView1"
android:layout_width="640px"
android:layout_height="match_parent"
android:layout_marginTop="10px"
android:horizontalSpacing="3px"
android:verticalSpacing="3px"
android:numColumns="4"/>
<!-- 添加一个图像切换器 -->
<ImageSwitcher
android:id="@+id/imageSwitcher1"
android:padding="20px"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
2、定义数组和切换器
private int[] imageId = new int[]{R.drawable.img01,R.drawable.img02,R.drawable.img03,R.drawable.img04,R.drawable.image05,R.drawable.img06,R.drawable.img07};//定义并初始化保存图片id的数组
private ImageSwitcher imageSwitcher;//声明一个图像切换器对象
3、图像淡入淡出
imageSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher1);
//设置动画效果
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));//设置淡入动画
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));//设置淡出动画
imageSwitcher.setFactory(new ViewFactory() {
@Override
public View makeView() {
ImageView imageView = new ImageView(MainActivity.this);//实例化一个ImageView类的对象
imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);//设置保持纵横比居中缩放图像
imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
return imageView;
}
});
imageSwitcher.setImageResource(imageId[3]);//设置默认显示的对象
4、获取布局文件中添加的GridView组件
GridView gridView = (GridView)findViewById(R.id.gridView1);
5、设置BaseAdapter类的对象
BaseAdapter adapter = new BaseAdapter() {
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;//声明ImageView的对象
if(convertView == null){
imageView = new ImageView(MainActivity.this);//实例化ImageView的对象
/*设置图像的宽度和高度*/
imageView.setAdjustViewBounds(true);
imageView.setMaxWidth(150);
imageView.setMaxHeight(113);
imageView.setPadding(5, 5, 5, 5);//设置ImageView的内边距
}else{
imageView = (ImageView)convertView;
}
imageView.setImageResource(imageId[position]);//为ImageView设置要显示的图片
return imageView;//返回ImageView
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public Object getItem(int position) {
return position;
}
@Override
public int getCount() {
return imageId.length;
}
};
6、将步骤5中的适配器与GridView关联
gridView.setAdapter(adapter);//将适配器与GridView关联
gridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
imageSwitcher.setImageResource(imageId[position]);//显示选中图片
}
});