菜鸟Android学习31——图片预览窗口
2014-01-02 19:55
417 查看
xml文件代码:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ImageSwitcher
android:id="@+id/imageSwitcher1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20sp" >
</ImageSwitcher>
<GridView
android:id="@+id/gridView1"
android:layout_width="640sp"
android:layout_height="match_parent"
android:layout_marginTop="10sp"
android:horizontalSpacing="3sp"
android:verticalSpacing="3sp"
android:numColumns="4" >
</GridView>
</LinearLayout>
activity_main。java文件代码
private int[] imageId = new int[]{R.drawable.image01,
R.drawable.image02,R.drawable.image03,R.drawable.image04,
R.drawable.image05,R.drawable.image06,R.drawable.image07,
R.drawable.image08,R.drawable.image09,R.drawable.image10,
R.drawable.image11,R.drawable.image12
};
private ImageSwitcher imageSwitcher;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
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.setScaleType(ImageView.ScaleType.FIT_CENTER);
imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
// TODO Auto-generated method stub
return imageView;
}
});
imageSwitcher.setImageResource(imageId[5]);
GridView gridView = (GridView)findViewById(R.id.gridView1);
BaseAdapter adapter = new BaseAdapter() {
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
if(convertView == null){
imageView = new ImageView(MainActivity.this);
// 设置图像的宽带和高度
imageView.setAdjustViewBounds(true);
imageView.setMaxHeight(150);
imageView.setMaxWidth(150);
// 设置内边距
imageView.setPadding(5, 5, 5, 5);
}else{
imageView = (ImageView)convertView;
}
imageView.setImageResource(imageId[position]);
return imageView;
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return imageId.length;
}
};
gridView.setAdapter(adapter);
gridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
imageSwitcher.setImageResource(imageId[arg2]);// TODO Auto-generated method stub
}
});
效果如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ImageSwitcher
android:id="@+id/imageSwitcher1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20sp" >
</ImageSwitcher>
<GridView
android:id="@+id/gridView1"
android:layout_width="640sp"
android:layout_height="match_parent"
android:layout_marginTop="10sp"
android:horizontalSpacing="3sp"
android:verticalSpacing="3sp"
android:numColumns="4" >
</GridView>
</LinearLayout>
activity_main。java文件代码
private int[] imageId = new int[]{R.drawable.image01,
R.drawable.image02,R.drawable.image03,R.drawable.image04,
R.drawable.image05,R.drawable.image06,R.drawable.image07,
R.drawable.image08,R.drawable.image09,R.drawable.image10,
R.drawable.image11,R.drawable.image12
};
private ImageSwitcher imageSwitcher;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
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.setScaleType(ImageView.ScaleType.FIT_CENTER);
imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
// TODO Auto-generated method stub
return imageView;
}
});
imageSwitcher.setImageResource(imageId[5]);
GridView gridView = (GridView)findViewById(R.id.gridView1);
BaseAdapter adapter = new BaseAdapter() {
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
if(convertView == null){
imageView = new ImageView(MainActivity.this);
// 设置图像的宽带和高度
imageView.setAdjustViewBounds(true);
imageView.setMaxHeight(150);
imageView.setMaxWidth(150);
// 设置内边距
imageView.setPadding(5, 5, 5, 5);
}else{
imageView = (ImageView)convertView;
}
imageView.setImageResource(imageId[position]);
return imageView;
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return imageId.length;
}
};
gridView.setAdapter(adapter);
gridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
imageSwitcher.setImageResource(imageId[arg2]);// TODO Auto-generated method stub
}
});
效果如下:
相关文章推荐
- android菜鸟学习笔记31----Android使用百度地图API(二)获取地理位置及地图控制器的简单使用
- 菜鸟Android学习之路13——图片按钮
- Android调用系统相机拍照及图片保存的Uri方式------菜鸟学习历程
- Android菜鸟学习笔记(ImageLoader加载图片)
- 【Android开发学习31】Gallery之初体验--实现手指直接拖动图片移动
- Android 图片预览器加载微博长图,大图
- Android菜鸟学习笔记(GridView)
- android学习,在按钮或者文字上添加图片
- Android菜鸟学习笔记(ImageLoader使用前需初始化异常)
- android菜鸟学习笔记29----Android应用向用户发送提示信息的方式总结
- IOS开发---菜鸟学习之路--(十四)-将BASE64图片转换成Image
- 1.20Android 学习+进度之二十-图片进一步
- Android 组件学习笔记(九宫格游戏,imageview设置图片满屏技巧)
- Android学习之带图片的Button
- KJFrameForAndroid框架学习----高效设置网络图片
- [android深入学习]android窗口管理机制
- 作业——在线学习Android课程之第十三周(图片优化)
- 记录Android异步加载的学习(线程池、信号量、图片压缩、Looper)
- Android学习之普通土司和带图片的土司
- 页面点击预览按钮弹出图片窗口