Android 之 ImageSwitch图片转换器

[size=large][color=green][b]图片转换器布局文件:[/b][/color][/size]

<!-- 网格视图案例测试 
android:numColumns="" 设置列数
android:columnWidth="90dp" 列宽
android:stretchMode="none" 缩放模式
值:no : 表示不拉伸
spacing : 仅拉伸元素之间的距离
columnWidth : 仅拉伸表格元素本身
spacingWidthUniform: 表格元素本身、元素之间的距离
-->
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:numColumns="3"
android:verticalSpacing="8dp"
android:horizontalSpacing="8dp"
android:columnWidth="90dp"
android:stretchMode="none"
android:gravity="center"

/>



[size=medium][color=green][b]主程序的入口:[/b][/color][/size]
package com.example.advancedview;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;

/**
* 测试:ImageSwitch 图片切换器
*
* @author Administrator
*
*/
public class ImageSwitchActivity extends Activity {

// 声明属性
private ImageSwitcher imageSwitch;
private int index = 0; // 图片对应索引
private int[] images = new int[] { R.drawable.liyu, R.drawable.jiangkui,
R.drawable.liqingzhao, R.drawable.ouyangxiu, R.drawable.qinguan,
R.drawable.sushi, R.drawable.wanganshi, R.drawable.xinqiji };

// 程序入口
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.imageswitch_layout);

// 获取布局文件中的对象
imageSwitch = (ImageSwitcher) findViewById(R.id.imageSwitch);

// 实现并设置工厂内部接口的makeView 方法,用来显示视图
imageSwitch.setFactory(new ViewFactory() {

public View makeView() {

// 返回一个ImageView 对象
return new ImageView(ImageSwitchActivity.this);
}
});

// 设置图片来源
imageSwitch.setImageResource(images[index]);

// 设置点击事件,点击切换图片
imageSwitch.setOnClickListener(new OnClickListener() {

public void onClick(View v) {

index++;
if (index > images.length) {
index = 0;
imageSwitch.setImageResource(images[index]);
}
}
});

}

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android中,可以使用Gallery和ImageSwitcher来实现可左右循环滑动的图片浏览器。 首先,在布局文件中添加一个Gallery和一个ImageSwitcher: ``` <Gallery android:id="@+id/gallery" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:gravity="center_vertical" /> <ImageSwitcher android:id="@+id/imageSwitcher" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@id/gallery" /> ``` 然后,在Java代码中,需要为Gallery设置一个Adapter,并为ImageSwitcher设置一个ViewFactory。代码如下: ``` public class MainActivity extends AppCompatActivity { private Gallery mGallery; private ImageSwitcher mImageSwitcher; private int[] mImageIds = new int[]{R.drawable.image1, R.drawable.image2, R.drawable.image3}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mGallery = (Gallery) findViewById(R.id.gallery); mImageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher); mGallery.setAdapter(new ImageAdapter(this)); mImageSwitcher.setFactory(new ViewFactory() { @Override public View makeView() { ImageView imageView = new ImageView(MainActivity.this); imageView.setScaleType(ImageView.ScaleType.FIT_CENTER); return imageView; } }); mGallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> parent, View view, int position, long id) { mImageSwitcher.setImageResource(mImageIds[position % mImageIds.length]); } @Override public void onNothingSelected(AdapterView<?> parent) { } }); } private class ImageAdapter extends BaseAdapter { private Context mContext; public ImageAdapter(Context context) { mContext = context; } @Override public int getCount() { return Integer.MAX_VALUE; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ImageView imageView; if (convertView == null) { imageView = new ImageView(mContext); imageView.setLayoutParams(new Gallery.LayoutParams(200, 200)); imageView.setScaleType(ImageView.ScaleType.FIT_XY); } else { imageView = (ImageView) convertView; } imageView.setImageResource(mImageIds[position % mImageIds.length]); return imageView; } } } ``` 这里的关键是设置Gallery的Adapter为一个无限循环的Adapter,以及在Gallery的OnItemSelectedListener中更新ImageSwitcher的图片资源。同时,ImageAdapter负责为Gallery提供每个Item的View。 这样,我们就可以实现一个左右循环滑动的图片浏览器了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值