coverflow android:如何从coverflow中的url获取图像

Posted

技术标签:

【中文标题】coverflow android:如何从coverflow中的url获取图像【英文标题】:coverflow android :how to get images from a url in the coverflow 【发布时间】:2012-07-26 21:14:14 【问题描述】:

嗨,我目前正在测试 android coverflow 我试图从 url 获取图像并将其显示在封面流中 我已成功下载图像但无法放入位图。 这是我尝试过的代码...

package com.example.coverflow;

import java.io.FileInputStream;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Shader.TileMode;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ImageView.ScaleType;

import com.example.coverflow.CoverAdapterView.OnItemClickListener;

public class CoverFlowExample extends Activity  
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);

        CoverFlow coverFlow;
        coverFlow = new CoverFlow(this);

        coverFlow.setAdapter(new ImageAdapter(this));

        ImageAdapter coverImageAdapter = new ImageAdapter(this);

        coverImageAdapter.createReflectedImages();

        coverFlow.setAdapter(coverImageAdapter);

        coverFlow.setSpacing(-15);
        coverFlow.setSelection(8, true);



        setContentView(coverFlow);
        coverFlow.setOnItemClickListener(new OnItemClickListener() 

            @Override
            public void onItemClick(CoverAdapterView<?> parent, View view,
                    int position, long id) 
                // TODO Auto-generated method stub
                Log.v("possition ", " this position :"+position );
                Toast.makeText(getApplicationContext(), "position "+position, Toast.LENGTH_SHORT).show();
            
        );

        // Use this if you want to use XML layout file
        // setContentView(R.layout.main);
        // coverFlow = (CoverFlow) findViewById(R.id.coverflow);

    

    public class ImageAdapter extends BaseAdapter 
        int mGalleryItemBackground;
        private Context mContext;

        private FileInputStream fis;
        //public Integer[] mImageIds ;

        private Integer[] mImageIds =1,2,3,4,5;
        /*private Integer[] mImageIds =  R.drawable.kas***_kas***,

        R.drawable.killers_day_and_age, R.drawable.garbage_bleed_like_me,
                R.drawable.death_cub_for_cutie_the_photo_album,
                R.drawable.kas***_kas***, R.drawable.kas***_kas***,
                R.drawable.killers_day_and_age,
                R.drawable.garbage_bleed_like_me,
                R.drawable.massive_attack_collected,
                R.drawable.kas***_kas***, R.drawable.kas***_kas***,
                R.drawable.kas***_kas***

        ;*/



        public int getCount2()
        
            for(int i=0;i<5;i++)
            
                ImageView imageView = new ImageView(mContext);
                URL url;
                try 
                    url = new URL("http://www.psdgraphics.com/file/retro-tv-icon.jpg");

                Bitmap bmp = BitmapFactory.decodeStream(url.openConnection().getInputStream());

                imageView.setImageBitmap(bmp);
                imageView.setId(i);
                //mImageIds[i]=i;

                 catch (MalformedURLException e) 
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                 catch (IOException e) 
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                
            
            return mImageIds.length;
        

        private ImageView[] mImages;

        public ImageAdapter(Context c) 
            mContext = c;
            mImages = new ImageView[getCount2()];
        

        public boolean createReflectedImages() 
            // The gap we want between the reflection and the original image
            final int reflectionGap = 4;

            int index = 0;
            for (final int imageId : mImageIds) 
//              Bitmap originalImage = BitmapFactory.decodeResource(
//                      getResources(), imageId);
                URL url;
                Bitmap originalImage= null;
                try 
                url = new URL("http://image10.bizrate-images.com/resize?sq=60&uid=2216744464");

                 originalImage = BitmapFactory.decodeStream(url.openConnection().getInputStream());
                 catch (MalformedURLException e) 
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                 catch (IOException e) 
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                
                int width = originalImage.getWidth();
                int height = originalImage.getHeight();
                Log.v("width:",""+width+","+height);

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

                Log.v("errer her", "aftr originalImage");
                // 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);
                Log.v("errer her", "aftr reflectionImage");
                // 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);
                Log.v("errer her", "aftr drawrect");
                ImageView imageView = new ImageView(mContext);
                imageView.setImageBitmap(bitmapWithReflection);
                imageView.setLayoutParams(new CoverFlow.LayoutParams(120, 180));
                imageView.setScaleType(ScaleType.MATRIX);
                mImages[index++] = imageView;

            
            return true;
        

        public int getCount() 
            // Log.v("getCoutn(int count)", "" + mImageIds.length);
            return mImageIds.length;
        

        public Object getItem(int position) 
            // Log.v("getItem(int position)", "" + position);
            return position;
        

        public long getItemId(int position) 
            // Log.v("getItemID(int position)", "" + position);
            return position;
        

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

            // Use this code if you want to load from resources
            // ImageView i = new ImageView(mContext);
            // i.setImageResource(mImageIds[position]);
            // i.setLayoutParams(new CoverFlow.LayoutParams(130, 130));
            // i.setScaleType(ImageView.ScaleType.MATRIX);
            // return i;

            // Log.v("getview int position mImages", ""+position);
            ImageView imageView = new ImageView(mContext);
            URL url;
            try 
                url = new URL("http://image10.bizrate-images.com/resize?sq=60&uid=2216744464");

            Bitmap bmp = BitmapFactory.decodeStream(url.openConnection().getInputStream());
            imageView.setImageBitmap(bmp);
            imageView.setId(position);

             catch (MalformedURLException e) 
                // TODO Auto-generated catch block
                e.printStackTrace();
             catch (IOException e) 
                // TODO Auto-generated catch block
                e.printStackTrace();
            
            return imageView;
            //return mImages[position];
        

        /**
         * Returns the size (0.0f to 1.0f) of the views depending on the
         * 'offset' to the center.
         */
        public float getScale(boolean focused, int offset) 
            /* Formula: 1 / (2 ^ offset) */
            Log.v("getScale float ", " " + focused + " " + offset);
            return Math.max(0, 1.0f / (float) Math.pow(2, Math.abs(offset)));
        

    //  View v=getView(position, convertView, parent);




    




【问题讨论】:

【参考方案1】:

1.创建ImageAdater.java

package com.sample.Adapters;

import java.util.ArrayList;
import android.app.Activity;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.BaseAdapter;
import android.widget.ImageView;
public class ImageAdapter extends BaseAdapter 
     int mGalleryItemBackground;
     private Activity mContext;
     ArrayList<byte[]> imgarray ;
     public ImageAdapter(Activity c,ArrayList<byte[]> array) 
      mContext = c;
      this.imgarray = array ;
     
     public int getCount() 
         return imgarray.size();
     

     public Object getItem(int position) 
         return position;
     
     public long getItemId(int position) 
         return position;
     
     public View getView( final int position, View convertView, ViewGroup parent) 
         ImageView i = new ImageView(mContext);
         i.setImageBitmap(BitmapFactory.decodeByteArray(imgarray.get(position),  0, imgarray.get(position).length));
         i.setLayoutParams(new com.sample.custom.CoverFlow.LayoutParams(LayoutParams.WRAP_CONTENT-20, LayoutParams.WRAP_CONTENT-20));
         i.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
         BitmapDrawable drawable = (BitmapDrawable) i.getDrawable();
         drawable.setAntiAlias(true);
         return i;
     
      public float getScale(boolean focused, int offset)  
        /* Formula: 1 / (2 ^ offset) */ 
          return Math.max(0, 1.0f / (float)Math.pow(2, Math.abs(offset))); 
       

 

2.图片下载方法

public static byte[] getLogoImage(String url)
        try 
            URL imageUrl = new URL(url);
            URLConnection ucon = imageUrl.openConnection();

            InputStream is = ucon.getInputStream();
            BufferedInputStream bis = new BufferedInputStream(is);

            ByteArrayBuffer baf = new ByteArrayBuffer(500);
            int current = 0;
            while ((current = bis.read()) != -1) 
                baf.append((byte) current);
            

            return baf.toByteArray();
         catch (Exception e) 
            Log.d("ImageManager", "Error: " + e.toString());
        
        return null;
    

3.声明一个ArrayList&lt;byte[]&gt; arraylistgallery = new ArrayList&lt;byte[]&gt;();

这里我假设总来的图像将是 10

for(int i=0 ; i<10 ; i++)
arraylistgallery.add(i,getLogoImage("http://www.psdgraphics.com/file/retro-tv-icon.jpg"));

在AsyncTask中下载图片并保存在arraylistgallery ArrayList 并且这样通过

        coverFlow.setVisibility(View.VISIBLE);
        coverFlow.setAdapter(new ImageAdapter(this,arraylistgallery));
        coverFlow.setSpacing(5);
        coverFlow.setSelection(arraylistgallery.size()-1, true);
        coverFlow.setAnimationDuration(1000);

【讨论】:

你不应该解码getView中的图像,或者做一次然后缓存它。 有什么建议吗?但在我的项目中运行良好......请给我建议 你可能会得到一个内存不足的错误,而且它可能在一个大的项目列表上看起来很滞后 不知道该放什么...我创建了 ImageAdapter 类,还在 Coverflow_displayerActivity.java 中创建了 downloadimages 方法 谢谢@parag ..你节省了一天。【参考方案2】:

使用下面的代码。

coverFlow = new CoverFlow(this);
ImageAdapter coverImageAdapter = new ImageAdapter(this);
coverFlow.setAdapter(coverImageAdapter);
coverFlow.setSpacing(0);
coverFlow.setSelection(0, true);
coverFlow.setLayoutParams(params);
coverFlow.setOnItemClickListener(this);

coverFlow.setOnItemSelectedListener(new OnItemSelectedListener() 
    @Override
    public void onItemSelected(CoverAdapterView<?> parent, View view, int position, long id)
        // TODO Auto-generated method stub
    

    @Override
    public void onNothingSelected(CoverAdapterView<?> parent) 
        // TODO Auto-generated method stub
    
);

ImageAdapter.java

public class ImageAdapter extends BaseAdapter 
    public ImageLoader imageLoader;
    public ImageAdapter(Context c) 
        Constants.ctx = c;
        imageLoader = new ImageLoader(Constants.ctx.getApplicationContext());
        

        public int getCount() 
            return Constants.mIsFeaturedTrueImage.size();
        

        public Object getItem(int position) 
            return position;
        

        public long getItemId(int position) 
            return position;
        

        public View getView(int position, View convertView, ViewGroup parent) 
            System.gc();
            ImageView i = new ImageView(Constants.ctx);
            if (Constants.mIsFeaturedTrueImage.get(position).equals("null") || Constants.mIsFeaturedTrueImage.get(position).equals("")) 
                System.out.println("Hello if");
                i.setImageResource(R.drawable.icon);
             else 
                System.out.println("Hello else if");
                imageLoader.DisplayImage(Constants.mIsFeaturedTrueImage.get(position), i);
            

            i.setLayoutParams(new CoverFlow.LayoutParams(
            mConstant.mImageWidth + 28, mConstant.mImageHeight + 28));
            i.setScaleType(ImageView.ScaleType.MATRIX);
            return i;
        

        /**
        * Returns the size (0.0f to 1.0f) of the views depending on the
        * 'offset' to the center.
        */
        public float getScale(boolean focused, int offset) 
            /* Formula: 1 / (2 ^ offset) */
            return Math.max(0, 1.0f / (float) Math.pow(2, Math.abs(offset)));
        
    

并使用 imageLoader 类从 URL 加载图像,并且 Constants.mIsFeaturedTrueImage.get(position) 是图像 URL 的数组列表。

【讨论】:

看起来他可能遇到了 OOM 异常,他需要重新采样到 bitmaps..google://resample bitmap getView【参考方案3】:

我写了一个demo来实现这个问题,我结合了图库流程和通用图片加载,你可以试试,谢谢! 你可以从这个网站下载演示: https://github.com/Jonguo/galleryflow

【讨论】:

以上是关于coverflow android:如何从coverflow中的url获取图像的主要内容,如果未能解决你的问题,请参考以下文章

python coverage 使用技巧

带有表格视图的 iCarousel (Coverflow)

使用 Tabku 库创建菜单的 Coverflow 但不能包含头文件

iCarousel——在iOS和Mac OS应用中实现3D CoverFlow旋转木马效果的开源类库

使用视图寻呼机 android 的 Cover Flow 功能

比較炫丽的幻灯片