首页 > 系统 > Android > 正文

Android实现仿Windows7图片预览窗格效果

2019-10-22 18:18:36
字体:
来源:转载
供稿:网友

本实例将显示类似于windows7提供的图片预览窗格效果,单击任意一张图片,可以在右侧显示该图片的预览效果。

效果如图所示:

Android,图片预览,窗格,Windows7

具体实现方法:
res/layout/main.xml:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:orientation="horizontal"  android:layout_width="fill_parent"  android:layout_height="fill_parent"  android:id="@+id/layout1"  >  <GridView android:id="@+id/gridView1"   android:layout_height="match_parent"   android:layout_width="440px"   android:layout_marginTop="10px"   android:horizontalSpacing="3px"   android:verticalSpacing="3px"   android:numColumns="3"/>  <!-- 添加一个图像切换器 -->  <ImageSwitcher   android:id="@+id/imageSwitcher1"   android:padding="10px"   android:layout_width="match_parent"   android:layout_height="match_parent"/> </LinearLayout> 

MainActivity:

package com.example.test;  import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.view.animation.AnimationUtils; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageSwitcher; import android.widget.ImageView; import android.widget.ViewSwitcher.ViewFactory;  public class MainActivity extends Activity {  private int[] imageId=new int []{R.drawable.img1,R.drawable.img2,R.drawable.img3,R.drawable.img4,    R.drawable.img5,R.drawable.img6,R.drawable.img7,R.drawable.img8,R.drawable.img9};  private ImageSwitcher imageSwitcher;  @Override  public void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.main);      imageSwitcher=(ImageSwitcher)findViewById(R.id.imageSwitcher1);//获取图像切换器   //设置动画效果   imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));//设置淡入动画   imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));//设置淡出动画   imageSwitcher.setFactory(new ViewFactory() {        @Override    public View makeView() {     //实例化一个ImageView对象     ImageView imageView=new ImageView(MainActivity.this);     //设置保持纵横比居中缩放图像     imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);     imageView.setLayoutParams(new ImageSwitcher.LayoutParams(       LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));     return imageView;//返回imageView对象    }   });   imageSwitcher.setImageResource(R.drawable.img3);//设置默认显示的图像         GridView gridview=(GridView)findViewById(R.id.gridView1);   BaseAdapter adapter=new BaseAdapter(){      @Override    public View getView(int position, View convertView, ViewGroup parent) {     ImageView imageView = null;//声明一个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);     }else{      imageView=(ImageView)convertView;     }     imageView.setImageResource(imageId[position]);     return imageView;    }        //功能:获得当前选项的id    @Override    public long getItemId(int position) {     return position;    }        //功能:获得当前选项    @Override    public Object getItem(int position) {     return position;    }        //获得数量    @Override    public int getCount() {     return imageId.length;    }   };   gridview.setAdapter(adapter);   gridview.setOnItemClickListener(new OnItemClickListener() {      @Override    public void onItemClick(AdapterView<?> parent, View view, int position,      long id) {      //显示选中的照片      imageSwitcher.setImageResource(imageId[position]);    }   });  } } 

运行效果与开头描述相同,成功实现。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持VEVB武林网。


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表