2012-02-01 12 views
15

मैं क्या कार्यान्वित करने की कोशिश कर रहा हूं?ImagePiews में ViewPager + ज़ूम का उपयोग कर छवियों की गैलरी

गैलरी ViewPager का उपयोग कर छवियों के गैलरी। मैं इस विकल्प को चुनता हूं क्योंकि छवियों के बीच चिकनी संक्रमण (मैं ImageView का उपयोग कर रहा हूं), यह अच्छा और लागू करने में काफी आसान है।

मेरी समस्या वास्तव में क्या है?

मैं यह सब लागू करने में सक्षम हूं लेकिन ज़ूम काम नहीं कर रहा है। मैं लॉगकैट में यह कैसे देख सकता हूं ज़ूम (कोड पोस्ट के अंत में है) लेकिन छवि विस्तृत नहीं हुई है। बस निम्नलिखित कोड के बारे में कुछ नोट्स:

  • ImageViewHelperURL.setUrlDrawable((ImageView) img, url, R.drawable.no_image); मैं अतुल्यकालिक रूप से वेब से चित्रों डाउनलोड करने के लिए UrlImageViewHelper उपयोग कर रहा हूँ।
  • api.getListUrls() यह एक ऐरेलिस्ट है जहां मेरे पास छवि यूआरएल है।
  • मैं भी R.drawable से एक imageView छवि

    import android.content.Context; 
    import android.content.Intent; 
    import android.graphics.Matrix; 
    import android.graphics.PointF; 
    import android.os.Bundle; 
    import android.support.v4.app.ActionBar; 
    import android.support.v4.app.Fragment; 
    import android.support.v4.app.FragmentActivity; 
    import android.support.v4.app.FragmentManager; 
    import android.support.v4.app.FragmentPagerAdapter; 
    import android.support.v4.view.Menu; 
    import android.support.v4.view.MenuItem; 
    import android.support.v4.view.ViewPager; 
    import android.util.FloatMath; 
    import android.util.Log; 
    import android.view.LayoutInflater; 
    import android.view.MenuInflater; 
    import android.view.MotionEvent; 
    import android.view.View; 
    import android.view.View.OnTouchListener; 
    import android.view.ViewGroup; 
    import android.view.ViewGroup.LayoutParams; 
    import android.widget.Gallery; 
    import android.widget.ImageView; 
    import android.widget.Toast; 
    
    public class Slide extends FragmentActivity { 
        private ViewPager mPager; 
        public static Api api; 
        public static int POSITION; 
        public static ActionBar topbar; 
        public static Context ctx; 
    
        @Override 
        public void onCreate(Bundle savedInstanceState) { 
         super.onCreate(savedInstanceState); 
         setContentView(R.layout.fragment); 
         ctx = Slide.this; 
         POSITION = 0; 
         topbar = getSupportActionBar(); 
    
         /* get portadas */ 
         api = new Api(); 
         api.getUrlsFromAPI(); 
    
         topbar.setDisplayShowHomeEnabled(false); 
         topbar.setDisplayShowTitleEnabled(true); 
    
         mPager = (ViewPager) findViewById(R.id.pager); 
         mPager.setAdapter(new TestAdapter(getSupportFragmentManager())); 
        } 
    
        @Override 
        protected void onResume() { 
         // TODO Auto-generated method stub 
         super.onResume(); 
         mPager.setCurrentItem(POSITION); 
        } 
    
        static final class TestAdapter extends FragmentPagerAdapter { 
         public TestAdapter(FragmentManager fm) { 
          super(fm); 
         } 
    
         @Override 
         public int getCount() { 
          return api.getListUrls().size(); 
         } 
    
         @Override 
         public Fragment getItem(int position) { 
          TestFragment f = new TestFragment(); 
    
          f.url = api.getListUrls().get(position).getUrl(); 
          f.position = position; 
          return f; 
         } 
        } 
    
        public static class TestFragment extends Fragment { 
         String url = ""; 
         Integer position = 0; 
    
         public TestFragment() { 
          setRetainInstance(true); 
         } 
    
         @Override 
         public void onCreate(Bundle savedInstanceState) { 
          super.onCreate(savedInstanceState); 
          setHasOptionsMenu(true); 
         } 
    
         @Override 
         public View onCreateView(LayoutInflater inflater, ViewGroup container, 
           Bundle savedInstanceState) { 
          ImageView img = new ImageView(getActivity()); 
    
          img.setPadding(6, 6, 6, 6) ; 
          img.setLayoutParams(new Gallery.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT)) ; 
    
          ImageViewHelperURL.setUrlDrawable((ImageView) img, url, R.drawable.no_image) ; 
    
          img.setOnTouchListener(new OnTouchListener() { 
           private static final String TAG = "SlideImageView"; 
           // These matrices will be used to move and zoom image 
           Matrix matrix = new Matrix(); 
           Matrix savedMatrix = new Matrix(); 
    
           // We can be in one of these 3 states 
           static final int NONE = 0; 
           static final int DRAG = 1; 
           static final int ZOOM = 2; 
           int mode = NONE; 
    
           // Remember some things for zooming 
           PointF start = new PointF(); 
           PointF mid = new PointF(); 
           float oldDist = 1f; 
    
           @Override 
           public boolean onTouch(View v, MotionEvent event) { 
            ImageView view = (ImageView) v; 
    
            // Dump touch event to log 
            dumpEvent(event); 
    
            // Handle touch events here... 
            switch (event.getAction() & MotionEvent.ACTION_MASK) { 
            case MotionEvent.ACTION_DOWN: 
             savedMatrix.set(matrix); 
             start.set(event.getX(), event.getY()); 
             Log.d(TAG, "mode=DRAG"); 
             mode = DRAG; 
             break; 
            case MotionEvent.ACTION_POINTER_DOWN: 
             oldDist = spacing(event); 
             Log.d(TAG, "oldDist=" + oldDist); 
             if (oldDist > 10f) { 
              savedMatrix.set(matrix); 
              midPoint(mid, event); 
              mode = ZOOM; 
              Log.d(TAG, "mode=ZOOM"); 
             } 
             break; 
            case MotionEvent.ACTION_UP: 
            case MotionEvent.ACTION_POINTER_UP: 
             mode = NONE; 
             Log.d(TAG, "mode=NONE"); 
             break; 
            case MotionEvent.ACTION_MOVE: 
             if (mode == DRAG) { 
              // ... 
              matrix.set(savedMatrix); 
              matrix.postTranslate(event.getX() - start.x, 
                event.getY() - start.y); 
             } else if (mode == ZOOM) { 
              float newDist = spacing(event); 
              Log.d(TAG, "newDist=" + newDist); 
              if (newDist > 10f) { 
               matrix.set(savedMatrix); 
               float scale = newDist/oldDist; 
               Log.d(TAG, "ZOOOOOOOM: " + scale); 
               matrix.postScale(scale, scale, mid.x, mid.y); 
              } 
             } 
             break; 
            } 
    
            view.setImageMatrix(matrix); 
            return true; // indicate event was handled 
           } 
    
           /** Show an event in the LogCat view, for debugging */ 
           private void dumpEvent(MotionEvent event) { 
            String names[] = { "DOWN", "UP", "MOVE", "CANCEL", 
              "OUTSIDE", "POINTER_DOWN", "POINTER_UP", "7?", 
              "8?", "9?" }; 
            StringBuilder sb = new StringBuilder(); 
            int action = event.getAction(); 
            int actionCode = action & MotionEvent.ACTION_MASK; 
            sb.append("event ACTION_").append(names[actionCode]); 
            if (actionCode == MotionEvent.ACTION_POINTER_DOWN 
              || actionCode == MotionEvent.ACTION_POINTER_UP) { 
             sb.append("(pid ").append(
               action >> MotionEvent.ACTION_POINTER_ID_SHIFT); 
             sb.append(")"); 
            } 
            sb.append("["); 
            for (int i = 0; i < event.getPointerCount(); i++) { 
             sb.append("#").append(i); 
             sb.append("(pid ").append(event.getPointerId(i)); 
             sb.append(")=").append((int) event.getX(i)); 
             sb.append(",").append((int) event.getY(i)); 
             if (i + 1 < event.getPointerCount()) 
              sb.append(";"); 
            } 
            sb.append("]"); 
            Log.d(TAG, sb.toString()); 
           } 
    
           /** Determine the space between the first two fingers */ 
           private float spacing(MotionEvent event) { 
            float x = event.getX(0) - event.getX(1); 
            float y = event.getY(0) - event.getY(1); 
            return FloatMath.sqrt(x * x + y * y); 
           } 
    
           /** Calculate the mid point of the first two fingers */ 
           private void midPoint(PointF point, MotionEvent event) { 
            float x = event.getX(0) + event.getX(1); 
            float y = event.getY(0) + event.getY(1); 
            point.set(x/2, y/2); 
           } 
          }); 
    
          return img; 
         } 
    
         @Override 
         public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { 
    
         } 
    
         @Override 
         public boolean onOptionsItemSelected(MenuItem item) { 
    
          return super.onOptionsItemSelected(item); 
         } 
        } 
    
    } 
    

का उपयोग कर के बजाय डाउनलोड करने की कोशिश की है मैं पहले से ही की कोशिश की है कोई सफलता के साथ निम्न ट्यूटोरियल देखें:

+0

इस प्रश्न के लिए देर हो चुकी है - लेकिन यदि आप अपनी गैलरी के लिए व्यूपेगर का उपयोग कर रहे हैं - तो आप उन सभी टुकड़ों को फिर से रीसाइक्लिंग नहीं कर रहे हैं, है ना? आप बस नए बनाते रहेंगे? – user291701

+0

मुझे लगता है कि मैं उन्हें रीसाइक्लिंग कर रहा हूं। जब आप वापस जाते हैं (पिछली गतिविधि में), यह नष्ट हो जाता है? लेकिन मैं इसमें सिर्फ एक शुरुआत कर रहा हूं, मुझे यकीन नहीं है। –

उत्तर

9

यदि आप एक छवि दृश्य के साथ एक मैट्रिक्स का उपयोग टी को बदलने के लिए करना चाहते हैं वह छवि, आपको scale type को ScaleType.Matrix में बदलने की आवश्यकता है, अन्यथा कोई प्रभाव नहीं पड़ेगा। डिफ़ॉल्ट स्केल प्रकार ScaleType.FIT_CENTER है और इसलिए यह मैट्रिक्स को अनदेखा कर देगा।

अपने मूल कार्य के संबंध में, यदि आपको यह काम मिल रहा है तो आप पाएंगे कि ImageView पर टच इशारे ViewPager की स्क्रॉलिंग में हस्तक्षेप करेंगे। आपको निश्चित रूप से सिंगल-टच ड्रैग का समर्थन करने में समस्याएं आती हैं क्योंकि यह सीधे अगले व्यू पर जाने के लिए प्राकृतिक व्यूपेजर स्वाइप गति से मेल खाती है।

+0

हां, आप हस्तक्षेप के बारे में सही हैं ... हालांकि, अब मैं छवि ज़ूम करने में सक्षम हूं :) क्या आप छवियों की गैलरी को लागू करने के लिए एक बेहतर तरीका जानते हैं? ज़ूम का समर्थन, ज़ाहिर है। –

+0

मैंने इसे ठीक उसी तरह किया था। हस्तक्षेप के लिए मैंने ViewPager के फ़्लिंग इशारा को अक्षम करने का प्रयास किया। यह बहुत अच्छा काम करता था, लेकिन किसी भी कारण से मुझे रेंज त्रुटि से बाहर सूचकांक प्राप्त हुआ? लेकिन मेरा ओवरड्राइड व्यूपेजर कारण था, मुझे लगता है कि v4 संगतता पैकेज में एक बग है। लेकिन मुझे फ़्लिंग को अक्षम करने और बस ज़ूम करने के लिए एक रास्ता नहीं मिला। अगर मैं पहला पॉइंटर उठाता हूं तो मेरा ऐप दुर्घटनाग्रस्त हो जाता है :( – Informatic0re

संबंधित मुद्दे