2013-01-04 42 views
2

我想创建一个自定义适配器的Cover Flow(图片查看缩略图,文本查看标题,进度条表示了一定的进展..)。的CoverFlow与自定义适配器

所有的例子或盖流小部件的实现是基于廊(巫支持图像的集合,仅)。

是否有任何提示,想法,可以帮助我吗?

谢谢:)

+0

您是否能够找到解决方案?我尝试将ImageView更改为LinearLayout,但它不起作用,目前我正在尝试自定义ImageView。目前为止看起来不太好。 :( – Sufian

+0

没有我仍然停留在上面,我没有找到一个解决方案... –

回答

0

您可以通过使用惰性适配器来实现。您必须在Image loader类的解码文件中创建反射图像。接下来,您必须从自定义适配器类的getview方法返回图像视图。

下面是示例代码:

In main activity: 

CoverFlow coverflow=(CoverFlow)findViewById(R.id.yourcoverflowid); 

coverflow.setAdapter(new customadapter(getActivity(),list,imagesize)); 

In getview method of custom adapter: 

    ImageView i=new ImageView(activity);  
    imageLoader.DisplayImage(data.get(position).getimage(),i); 


    i.setPadding(0,5,0,0); 

    i.setLayoutParams(new CoverFlow.LayoutParams(width,height)); 

    i.setScaleType(ImageView.ScaleType.MATRIX); 

    return i; 

In decodefile method of imageloader class 

尝试{ 最终诠释reflectionGap = 4;

Bitmap originalImage; 


    BitmapFactory.Options o = new BitmapFactory.Options(); 
    o.inJustDecodeBounds = true; 
    FileInputStream stream1=new FileInputStream(f); 
    originalImage=BitmapFactory.decodeStream(stream1); 
    stream1.close(); 

     int width = originalImage.getWidth(); 
     int height = originalImage.getHeight(); 


     //This will not scale but will flip on the Y axis 
     Matrix matrix = new Matrix(); 
     matrix.preScale(1, -1); 

     //Create a Bitmap with the flip matrix applied to it. 
     //We only want the bottom half of the image 
     Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, height/2, width, height/2, matrix, false); 


     //Create a new bitmap with same width but taller to fit reflection 
     Bitmap bitmapWithReflection = Bitmap.createBitmap(width 
      , (height + height/2), Config.ARGB_8888); 

     //Create a new Canvas with the bitmap that's big enough for 
     //the image plus gap plus reflection 
     Canvas canvas = new Canvas(bitmapWithReflection); 
     //Draw in the original image 
     canvas.drawBitmap(originalImage, 0, 0, null); 
     //Draw in the gap 
     Paint deafaultPaint = new Paint(); 
     canvas.drawRect(0, height, width, height + reflectionGap, deafaultPaint); 
     //Draw in the reflection 
     canvas.drawBitmap(reflectionImage,0, height + reflectionGap, null); 

     //Create a shader that is a linear gradient that covers the reflection 
     Paint paint = new Paint(); 
     LinearGradient shader = new LinearGradient(0, originalImage.getHeight(), 0, 
     bitmapWithReflection.getHeight() + reflectionGap, 0x70ffffff, 0x00ffffff, 
     TileMode.CLAMP); 
     //Set the paint to use this shader (linear gradient) 
     paint.setShader(shader); 
     //Set the Transfer mode to be porter duff and destination in 
     paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN)); 
     //Draw a rectangle using the paint with our linear gradient 
     canvas.drawRect(0, height, width, 
     bitmapWithReflection.getHeight() + reflectionGap, paint); 


    return bitmapWithReflection; 
+0

这不是我的观点!我尝试在Android上很多的CoverFlow实现,但它们大多是画廊的实现(它被废弃了.. )。但是几乎所有的人都只是简单地显示“图片”,我想创建一个自定义封面:图片,测试,按钮,... –

0
,如果你想从蜂窝比其所有可能的观点,您可以通过使用方法View.setRotationY(rotationangle)旋转欣赏的CoverFlow

0

我使用可能不是你所需要的解决方法。然而,这是我能想出... 我把任何我想要的LinearLayout,然后将其转换为Bitmap

LayoutInflater inflater = (LayoutInflater) ClassifiedActivity.this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);    

LinearLayout layout = (LinearLayout) inflater.inflate(R.layout.my_layout_as_imageview, 
       null); 
layout.setBackgroundResource(R.drawable.stub); 

layout.setDrawingCacheEnabled(true); 

layout.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED), 
      MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)); 
layout.layout(0, 0, layout.getMeasuredWidth(), layout.getMeasuredHeight()); 

layout.buildDrawingCache(true); 
Bitmap b = Bitmap.createBitmap(layout.getDrawingCache()); 
layout.setDrawingCacheEnabled(false); // clear drawing cache 

ImageView iv= (ImageView) findViewById(R.id.imageView1); 
iv.setImageBitmap(b); 

我的布局XML看起来是这样的:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Medium Text" /> 

</LinearLayout> 

This answer帮助我将LinearLayout转换为Bitmap

+0

如果你找到一个更好的方法来做到这一点,然后可以自由分享答案或评论:) – Sufian

1

这很容易做到;您使用与例如列表视图相同的适配器。扩展BaseAdapter,使用ViewHolder模式,并在

public View getView(int position, View convertView, ViewGroup parent) { 

方法返回的膨胀视图。但是,你应该改变

transformImageBitmap(THIS child, Transformation t, int rotationAngle) 

transformImageBitmap(View child, Transformation t, int rotationAngle) 

CoverFlow.java否则你会得到ClassCastExceptions

+0

你可以向我们展示ImageAdapter代码吗? – himanshu