android - カスタム アダプターを使用した Coverflow

Question

カスタム アダプター (サムネイルとしての画像ビュー、タイトルとしてのテキスト ビュー、進行状況を示すプログレス バーなど) を使用してカバー フローを作成したいと考えています。

カバー フロー ウィジェットのすべての例または実装は、ギャラリーに基づいています (ウィッチは画像のコレクションのみをサポートします)。

私に役立つヒントやアイデアはありますか？

ありがとうございました ：）

Answer 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。

Answer 2

これは、遅延アダプターを使用して行うことができます。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

試してみてください{最終的なintの反射ギャップ= 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;

Answer 3

私が使用した回避策は、必要なものではない可能性があります。しかし、これは私が思いつくことができるものです...私は欲しいものを に入れ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>

この回答LinearLayoutは、 aを a に変換するのに役立ちましたBitmap。

Answer 4

メソッド View.setRotationY(rotationangle) を使用してビューを回転できるハニカムからの可能性よりも、すべてのビューのカバーフローが必要な場合。