FancyCoverFlow（GalleryView）

最新推荐文章于 2024-05-15 09:39:49 发布

和平world

最新推荐文章于 2024-05-15 09:39:49 发布

阅读量697

点赞数

分类专栏： Android开发文章标签： FancyCoverFlow gallery view

本文链接：https://blog.csdn.net/hzl9966/article/details/51459380

版权

Android开发专栏收录该内容

68 篇文章 0 订阅

订阅专栏

先看实现效果图：

这是Github上的一个开源库，虽然没有对应的AndroidStudio版本（通过在gradle添加一句话就引入到项目中），但是可以通过import project通过依赖的方式添加到项目，完美实现效果。

导入依赖就不说了，梳理一下导入项目之后的过程

在布局中添加FancyCoverFlow的view

 <at.technikum.mti.fancycoverflow.FancyCoverFlow
        android:id="@+id/fancyCoverFlow"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        fcf:maxRotation="45"
        fcf:unselectedAlpha="0.3"
        fcf:unselectedSaturation="0.0"
        fcf:unselectedScale="0.4"
        fcf:scaleDownGravity="0.5"
        />

Activity中引用并添加适配器是这样的

<span style="font-size:18px;">this.fancyCoverFlow = (FancyCoverFlow) this.findViewById(R.id.fancyCoverFlow);

        this.fancyCoverFlow.setAdapter(new FancyCoverFlowSampleAdapter());
        this.fancyCoverFlow.setUnselectedAlpha(1.0f);
        this.fancyCoverFlow.setUnselectedSaturation(0.0f);
        this.fancyCoverFlow.setUnselectedScale(0.5f);
        this.fancyCoverFlow.setSpacing(50);
        this.fancyCoverFlow.setMaxRotation(0);
        this.fancyCoverFlow.setScaleDownGravity(0.2f);
        this.fancyCoverFlow.setActionDistance(FancyCoverFlow.ACTION_DISTANCE_AUTO);</span>

适配器的代码是这样的

<span style="font-size:18px;">public class FancyCoverFlowSampleAdapter extends FancyCoverFlowAdapter {

    // =============================================================================
    // Private members
    // =============================================================================

    private int[] images = {R.drawable.image1, R.drawable.image2, R.drawable.image3, R.drawable.image4, R.drawable.image5, R.drawable.image6,};

    // =============================================================================
    // Supertype overrides
    // =============================================================================

    @Override
    public int getCount() {
        return images.length;
    }

    @Override
    public Integer getItem(int i) {
        return images[i];
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public View getCoverFlowItem(int i, View reuseableView, ViewGroup viewGroup) {
        ImageView imageView = null;

        if (reuseableView != null) {
            imageView = (ImageView) reuseableView;
        } else {
            imageView = new ImageView(viewGroup.getContext());
            imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
            imageView.setLayoutParams(new FancyCoverFlow.LayoutParams(300, 400));

        }

        imageView.setImageResource(this.getItem(i));
        return imageView;
    }
}</span>

githubDemo地址：https://github.com/davidschreiber/FancyCoverFlow

这个项目虽然不在维护了，但是它的功能还是可以引用到项目中的。