实例7:实现仿Windows7图片预览窗格效果

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]);//显示选中图片
			}
		});



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值