效果网上已经很多人做出来了,只是这次需要用到,所以自己也实践了一下(这里例子我也是根据网上一些资料编写)。特下面针对一些关键代码进行简要说明,需要做这方面东西的朋友可以看看。这篇文章是实用性文章,理论分析不多。
下面说下具体的类作用:
一:这个是主页:操作的内容不多,可以具体看一下
public class MainActivity extends Activity {
DisplayImageOptions options;
private ImageLoader imageLoader;
private FancyCoverFlow fancyCoverFlow;
private List filmList;
private ImageAdapter adapter;
private int cur_index = 0;
private int count_drawble;
private static int MSG_UPDATE = 1;
// 定时任务
private ScheduledExecutorService scheduledExecutorService;
// 通过handler来更新主界面
private Handler handler = new Handler() {
public void handleMessage(Message msg) {
if (msg.what == MSG_UPDATE) {
fancyCoverFlow.setSelection(cur_index);
}
}
};
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
filmList = FilmInfoTest.getfilmInfo();
Log.i(“INFO”, filmList.size()+“条目数”);
// 配置option
options = new DisplayImageOptions.Builder()
.showStubImage(R.drawable.logo)
.showImageForEmptyUri(R.drawable.logo)
.showImageOnFail(R.drawable.ic_error).cacheInMemory(true)
.cacheOnDisc(true).bitmapConfig(Bitmap.Config.RGB_565).build();
imageLoader = ImageLoader.getInstance();
adapter = new ImageAdapter(this, filmList, options, imageLoader);
fancyCoverFlow = (FancyCoverFlow) findViewById(R.id.fancyCoverFlow);
// item之间的间隙可以近似认为是imageview的宽度与缩放比例的乘积的一半
fancyCoverFlow.setSpacing(-180);
fancyCoverFlow.setAdapter(adapter);
fancyCoverFlow.setSelection(1002);
// fancyCoverFlow.setActionDistance(10);
fancyCoverFlow.setOnItemSelectedListener(new OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view,
int position, long id) {
cur_index = position;
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
}
});
// 点击事件
fancyCoverFlow.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
// TODO Auto-generated method stub
Toast.makeText(MainActivity.this,
filmList.get(position % filmList.size()).getFilmName(),
0).show();
}
});
// // 开启自动轮播
// count_drawble = adapter.getCount();
// startPlay();
}
/**
- 开始轮播图切换
*/
private void startPlay() {
scheduledExecutorService = Executors.newSingleThreadScheduledExecutor();
scheduledExecutorService.scheduleAtFixedRate(new AutoPlayTask(), 1, 4,
TimeUnit.SECONDS);
}
/**
- 停止轮播图切换
*/
private void stopPlay() {
scheduledExecutorService.shutdown();
}
/**
-
执行轮播图切换任务
*/
private class AutoPlayTask implements Runnable {
@Override
public void run() {
// cur_index = cur_index % count_drawble; // 图片区间[0,count_drawable)
// Message msg = handler.obtainMessage(MSG_UPDATE);
// handler.sendMessage(msg);
// cur_index++;
}
}
@Override
protected void onStop() {
imageLoader.stop();
super.onStop();
}
二:适配器
这里我主要是用本地资源进行测试了一下,设置了倒影等等,当然,你也可以改为xml布局设置图片的
public class ImageAdapter extends FancyCoverFlowAdapter {
private Context context;
private List filmList;
// private ImageLoader imageLoader;
// private DisplayImageOptions options;
public ImageAdapter(Context context, List filmList,
DisplayImageOptions options, ImageLoader imageLoader) {
this.context = context;
this.filmList = filmList;
// this.options = options;
// this.imageLoader = imageLoader;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return Integer.MAX_VALUE;
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return filmList.get(position);
// return position;
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position % filmList.size();
// return position;
}
@Override
public View getCoverFlowItem(int position, View reusableView,
ViewGroup parent) {
ImageView imageView = (ImageView) reusableView;
if (imageView == null) {
imageView = new ImageView(context);
}
Resources re = context.getResources();
InputStream is = re.openRawResource(filmList.get(position%filmList.size()).getRs());
// InputStream is = re.openRawResource(mImagesId[position%mImagesId.length]);
BitmapDrawable mapdraw = new BitmapDrawable(is);
Bitmap bitmap = mapdraw.getBitmap();
imageView.setImageBitmap(BitmapUtil.createReflectedBitmap(bitmap));
// imageView.setImageBitmap(bitmap);
// ps.电影海报宽高比例一般为3:4
imageView.setLayoutParams(new Gallery.LayoutParams(410, 713));
// // 异步加载图片
// imageLoader.displayImage(filmList.get(position % filmList.size())
// .getFilmImageLink(), imageView, options);
imageView.setScaleType(ScaleType.CENTER_CROP);
return imageView;
}
public Integer[] getImagesId(){
return mImagesId;
}
public void setImagesId(Integer[] mImagesId){
this.mImagesId = mImagesId;
}
private Integer mImagesId[] = {
R.drawable.ic_1,
R.drawable.ic_3,
R.drawable.ic_2,
R.drawable.ic_4,
R.drawable.ic_5
};
三:gallery 控件类
缩放,还有透明,等等都在这里设置
public class FancyCoverFlow extends Gallery {
public static final int ACTION_DISTANCE_AUTO = Integer.MAX_VALUE;
/**
- 图片向上突出,可以通过代码控制,也可以在xml上控制
*/
public static final float SCALEDOWN_GRAVITY_TOP = 0.0f;
/**
- 图片中间突出
*/
public static final float SCALEDOWN_GRAVITY_CENTER = 0.5f;
/**
- 图片向下突出
*/
public static final float SCALEDOWN_GRAVITY_BOTTOM = 1.0f;
private float reflectionRatio = 0.3f;
private int reflectionGap = 4;
private boolean reflectionEnabled = false;
private float unselectedAlpha;
private Camera transformationCamera;
private int maxRotation = 0;
private float unselectedScale;
private float scaleDownGravity = SCALEDOWN_GRAVITY_CENTER;
private int actionDistance;
private float unselectedSaturation;
public FancyCoverFlow(Context context) {
super(context);
this.initialize();
}
public FancyCoverFlow(Context context, AttributeSet attrs) {
super(context, attrs);
this.initialize();
this.applyXmlAttributes(attrs);
}
@SuppressLint(“NewApi”)
public FancyCoverFlow(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
if (Build.VERSION.SDK_INT >= 11) {
this.setLayerType(LAYER_TYPE_SOFTWARE, null);
}
this.initialize();
this.applyXmlAttributes(attrs);
}
private void initialize() {
this.transformationCamera = new Camera();
this.setSpacing(0);
}
private void applyXmlAttributes(AttributeSet attrs) {
TypedArray a = getContext().obtainStyledAttributes(attrs,
R.styleable.FancyCoverFlow);
this.actionDistance = a
.getInteger(R.styleable.FancyCoverFlow_actionDistance,
ACTION_DISTANCE_AUTO);
this.scaleDownGravity = a.getFloat(
R.styleable.FancyCoverFlow_scaleDownGravity, 0.5f);
this.maxRotation = a.getInteger(R.styleable.FancyCoverFlow_maxRotation,
0);
this.unselectedAlpha = a.getFloat(
R.styleable.FancyCoverFlow_unselectedAlpha, 0.5f);
this.unselectedSaturation = a.getFloat(
R.styleable.FancyCoverFlow_unselectedSaturation, 0.0f);
this.unselectedScale = a.getFloat(
R.styleable.FancyCoverFlow_unselectedScale, 0.75f);
}
public float getReflectionRatio() {
return reflectionRatio;
}
public void setReflectionRatio(float reflectionRatio) {
if (reflectionRatio <= 0 || reflectionRatio > 0.5f) {
throw new IllegalArgumentException(
“reflectionRatio may only be in the interval (0, 0.5]”);
}
this.reflectionRatio = reflectionRatio;
if (this.getAdapter() != null) {
((FancyCoverFlowAdapter) this.getAdapter()).notifyDataSetChanged();
}
}
public int getReflectionGap() {
return reflectionGap;
}
public void setReflectionGap(int reflectionGap) {
this.reflectionGap = reflectionGap;
if (this.getAdapter() != null) {
((FancyCoverFlowAdapter) this.getAdapter()).notifyDataSetChanged();
}
}
public boolean isReflectionEnabled() {
return reflectionEnabled;
}
public void setReflectionEnabled(boolean reflectionEnabled) {
this.reflectionEnabled = reflectionEnabled;
if (this.getAdapter() != null) {
((FancyCoverFlowAdapter) this.getAdapter()).notifyDataSetChanged();
}
}
@Override
public void setAdapter(SpinnerAdapter adapter) {
if (!(adapter instanceof FancyCoverFlowAdapter)) {
throw new ClassCastException(FancyCoverFlow.class.getSimpleName()
-
" only works i
n conjunction with a " -
FancyCoverFlowAdapter.class.getSimpleName());
}
super.setAdapter(adapter);
}
public int getMaxRotation() {
return maxRotation;
}
public void setMaxRotation(int maxRotation) {
this.maxRotation = maxRotation;
}
public float getUnselectedAlpha() {
return this.unselectedAlpha;
}
public float getUnselectedScale() {
return unselectedScale;
}
public void setUnselectedScale(float unselectedScale) {
this.unselectedScale = unselectedScale;
}
public float getScaleDownGravity() {
return scaleDownGravity;
}
public void setScaleDownGravity(float scaleDownGravity) {
this.scaleDownGravity = scaleDownGravity;
}
public int getActionDistance() {
return actionDistance;
tion with a "
- FancyCoverFlowAdapter.class.getSimpleName());
}
super.setAdapter(adapter);
}
public int getMaxRotation() {
return maxRotation;
}
public void setMaxRotation(int maxRotation) {
this.maxRotation = maxRotation;
}
public float getUnselectedAlpha() {
return this.unselectedAlpha;
}
public float getUnselectedScale() {
return unselectedScale;
}
public void setUnselectedScale(float unselectedScale) {
this.unselectedScale = unselectedScale;
}
public float getScaleDownGravity() {
return scaleDownGravity;
}
public void setScaleDownGravity(float scaleDownGravity) {
this.scaleDownGravity = scaleDownGravity;
}
public int getActionDistance() {
return actionDistance;