您的位置:首页 > 移动开发 > Android开发

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

2012-12-09 14:19 399 查看
main.xml

先定义一个GridView,然后再定义一个ImageSwitcher

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal">
<GridView
android:id="@+id/gridView1"
android:layout_height="fill_parent"
android:layout_width="300px"
android:layout_marginTop="6px"
android:horizontalSpacing="3px"
android:verticalSpacing="3px"
android:numColumns="4"/>
<ImageSwitcher
android:id="@+id/imageSwicher1"
android:padding="20px"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
></ImageSwitcher>
</LinearLayout>
MainActivity代码如下:
publicclassMainActivityextendsActivity{
privateint[]imageId=newint[]{R.drawable.w1,R.drawable.w2,
R.drawable.w3,R.drawable.w4,R.drawable.w5,R.drawable.w6};
privateImageSwitcherimageSwitcher;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
//TODOAuto-generatedmethodstub
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
imageSwitcher=(ImageSwitcher)findViewById(R.id.imageSwicher1);
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_in));//设置淡入动画
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_out));//设置谈出动画
imageSwitcher.setFactory(newViewFactory(){

@Override
publicViewmakeView(){
//TODOAuto-generatedmethodstub
ImageViewimageView=newImageView(MainActivity.this);//实例化一个ImageView类的对象
imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);//设置保持纵横比居中缩放图像
imageView.setLayoutParams(newImageSwitcher.LayoutParams(//主要要是用ImageSwitcher的LayoutParams
LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
returnimageView;
}

});
imageSwitcher.setImageResource(imageId[0]);
GridViewgridView=(GridView)findViewById(R.id.gridView1);

BaseAdapteradapter=newBaseAdapter(){

/*
*获得数量
*
*@seeandroid.widget.Adapter#getCount()
*/
@Override
publicintgetCount(){
//TODOAuto-generatedmethodstub
returnimageId.length;
}

@Override
publicObjectgetItem(intposition){
//TODOAuto-generatedmethodstub
returnposition;
}

/**
*获得当前选项
*/
@Override
publiclonggetItemId(intposition){
//TODOAuto-generatedmethodstub
returnposition;
}

@Override
publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
//TODOAuto-generatedmethodstub
ImageViewimageView;
if(convertView==null){
imageView=newImageView(MainActivity.this);
/**设置图像的宽度和高度**/
imageView.setAdjustViewBounds(true);
imageView.setMaxWidth(150);
imageView.setMaxHeight(113);
imageView.setPadding(5,5,5,5);
}else{
imageView=(ImageView)convertView;
}
imageView.setImageResource(imageId[position]);
returnimageView;
}

};
gridView.setAdapter(adapter);
gridView.setOnItemClickListener(newOnItemClickListener(){

@Override
publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,
longarg3){
//TODOAuto-generatedmethodstub
imageSwitcher.setImageResource(imageId[arg2]);//显示选中的图片
}

});
}

}



效果图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: