2012-05-11 14 views
10

क्या किसी को विचार या लेआउट के लिए कर्लिंग प्रभाव को लागू करने के बारे में कोई विचार हो सकता है। मैंने इसके बारे में बहुत सी चीजों की खोज की, लेकिन मुझे कोई विचार नहीं मिला। मैं इस निम्न लिंकपेज एंड्रॉइड में कर्ल एनीमेशन?

https://github.com/harism/android_page_curl

http://code.google.com/p/android-page-curl/

लेकिन दोनों लिंक छवियों only.I harism कोड के साथ की कोशिश की, मैं सिर्फ एक लेआउट बना सकते हैं और बिटमैप में परिवर्तित मैं इसे प्रदर्शित करने के बाद करने के लिए प्रभाव देने के लिए उपयोग किया जाता है का उल्लेख यह मेरे लिए सफल रहा है। लेकिन यह एक दृश्य की तरह काम नहीं करता है। इसका मतलब है कि केवल एक स्थिर पृष्ठ (पाठ आकार से अधिक होने पर स्क्रोलबार के साथ)। यदि कोई विचार है तो कृपया मुझे इसके बारे में सुझाव दें।

public class CurlActivity extends Activity { 

    private CurlView mCurlView; 
    private BitmapDrawable[] bmp = new BitmapDrawable[7]; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main); 

     int index = 0; 
     if (getLastNonConfigurationInstance() != null) { 
      index = (Integer) getLastNonConfigurationInstance(); 
     } 
     mCurlView = (CurlView) findViewById(R.id.curl); 
     mCurlView.setPageProvider(new PageProvider()); 
     mCurlView.setSizeChangedObserver(new SizeChangedObserver()); 
     mCurlView.setCurrentIndex(index); 
     mCurlView.setBackgroundColor(0xFF202830); 

     for (int i = 0; i < bmp.length; i++) { 
      bmp[0] = (BitmapDrawable) getResources().getDrawable(
        R.drawable.obama); 
      bmp[1] = (BitmapDrawable) getResources().getDrawable(
        R.drawable.road_rage); 
      if (i < 2) 
       continue; 

      TextView b = new TextView(this); 
      b.setLayoutParams(new LayoutParams(480, 854)); 
      b.setText("page " + i); 
      b.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 18); 
      b.setTextColor(Color.BLACK); 
      b.setBackgroundColor(Color.WHITE); 
      bmp[i] = new BitmapDrawable(loadBitmapFromView(b)); 

     } 

     // This is something somewhat experimental. Before uncommenting next 
     // line, please see method comments in CurlView. 
     // mCurlView.setEnableTouchPressure(true); 
    } 

    public static Bitmap loadBitmapFromView(View v) { 
     Bitmap b = Bitmap.createBitmap(v.getLayoutParams().width, 
       v.getLayoutParams().height, Bitmap.Config.ARGB_8888); 
     Canvas c = new Canvas(b); 
     v.layout(0, 0, v.getLayoutParams().width, v.getLayoutParams().height); 
     v.draw(c); 
     return b; 
    } 

    @Override 
    public void onPause() { 
     super.onPause(); 
     mCurlView.onPause(); 
    } 

    @Override 
    public void onResume() { 
     super.onResume(); 
     mCurlView.onResume(); 
    } 

    @Override 
    public Object onRetainNonConfigurationInstance() { 
     return mCurlView.getCurrentIndex(); 
    } 

    /** 
    * Bitmap provider. 
    */ 
    private class PageProvider implements CurlView.PageProvider { 

     // Bitmap resources. 
     // private int[] mBitmapIds = { R.drawable.obama, R.drawable.road_rage, 
     // R.drawable.taipei_101, R.drawable.world }; 

     @Override 
     public int getPageCount() { 
      return 7; 
     } 

     private Bitmap loadBitmap(int width, int height, int index) { 
      Bitmap b = Bitmap.createBitmap(width, height, 
        Bitmap.Config.ARGB_8888); 
      b.eraseColor(0xFFFFFFFF); 
      Canvas c = new Canvas(b); 

      Drawable d = bmp[index]; 
      // Drawable d = getResources().getDrawable(mBitmapIds[index]); 

      int margin = 5; 
      int border = 3; 
      Rect r = new Rect(margin, margin, width - margin, height - margin); 

      int imageWidth = r.width() - (border * 2); 
      int imageHeight = imageWidth * d.getIntrinsicHeight() 
        /d.getIntrinsicWidth(); 
      if (imageHeight > r.height() - (border * 2)) { 
       imageHeight = r.height() - (border * 2); 
       imageWidth = imageHeight * d.getIntrinsicWidth() 
         /d.getIntrinsicHeight(); 
      } 

      r.left += ((r.width() - imageWidth)/2) - border; 
      r.right = r.left + imageWidth + border + border; 
      r.top += ((r.height() - imageHeight)/2) - border; 
      r.bottom = r.top + imageHeight + border + border; 

      Paint p = new Paint(); 
      /** 
      * Border Color 
      */ 
      p.setColor(Color.RED); 
      //p.setColor(0xFFC0C0C0); 

      c.drawRect(r, p); 
      r.left += border; 
      r.right -= border; 
      r.top += border; 
      r.bottom -= border; 

      d.setBounds(r); 
      d.draw(c); 

      return b; 
     } 

     @Override 
     public void updatePage(CurlPage page, int width, int height, int index) { 

      switch (index) { 
      // First case is image on front side, solid colored back. 
      case 0: { 
       Bitmap front = loadBitmap(width, height, 0); 
       page.setTexture(front, CurlPage.SIDE_FRONT); 
       page.setColor(Color.rgb(180, 180, 180), CurlPage.SIDE_BACK); 
       break; 
      } 
      // Second case is image on back side, solid colored front. 
      case 1: { 
       Bitmap back = loadBitmap(width, height, 2); 
       page.setTexture(back, CurlPage.SIDE_BACK); 
       page.setColor(Color.CYAN, CurlPage.SIDE_FRONT); 
       break; 
      } 
      // Third case is images on both sides. 
      case 2: { 
       Bitmap front = loadBitmap(width, height, 1); 
       Bitmap back = loadBitmap(width, height, 3); 
       page.setTexture(front, CurlPage.SIDE_FRONT); 
       page.setTexture(back, CurlPage.SIDE_BACK); 
       break; 
      } 
      // Fourth case is images on both sides - plus they are blend against 
      // separate colors. 
      case 3: { 
       Bitmap front = loadBitmap(width, height, 2); 
       Bitmap back = loadBitmap(width, height, 1); 
       page.setTexture(front, CurlPage.SIDE_FRONT); 
       page.setTexture(back, CurlPage.SIDE_BACK); 
       page.setColor(Color.argb(127, 170, 130, 255), 
         CurlPage.SIDE_FRONT); 
       page.setColor(Color.WHITE, CurlPage.SIDE_BACK); 
       break; 
      } 
      // Fifth case is same image is assigned to front and back. In this 
      // scenario only one texture is used and shared for both sides. 
      case 4: 
       Bitmap front = loadBitmap(width, height, 0); 
       page.setTexture(front, CurlPage.SIDE_BOTH); 
       page.setColor(Color.argb(127, 255, 255, 255), 
         CurlPage.SIDE_BACK); 
       break; 
      } 
     } 

    } 

    /** 
    * CurlView size changed observer. 
    */ 
    private class SizeChangedObserver implements CurlView.SizeChangedObserver { 
     @Override 
     public void onSizeChanged(int w, int h) { 
      if (w > h) { 
       mCurlView.setViewMode(CurlView.SHOW_TWO_PAGES); 
       mCurlView.setMargins(.1f, .05f, .1f, .05f); 
      } else { 
       mCurlView.setViewMode(CurlView.SHOW_ONE_PAGE); 
       mCurlView.setMargins(.1f, .1f, .1f, .1f); 
      } 
     } 
    } 

} 

इस तरह स्क्रीनशॉट।

enter image description here

+3

आप इसके लिए समाधान मिल सकता है? ..... यदि हाँ तो क्या आप मुझे बता सकते हैं। – Kalpesh

+0

मुझे लगता है कि हरिज्म कोड का उपयोग कर अपने लक्ष्य तक पहुंचने का कोई तरीका नहीं है क्योंकि जो भी आप इसे जोड़ते हैं उसे बिटमैप –

+0

के रूप में प्रदर्शित किया जाएगा यदि आपने यह किया है तो कृपया कुछ कोड सामान साझा करें। –

उत्तर

5

मुझे एक नमूना कोड मिला।

youtube

mediafire

+0

बहुत उपयोगी लिंक – suja

+0

मैं कर्ल प्रभाव के साथ-साथ एंड्रॉइड में फ्लिप प्रभाव से गुजर चुका हूं, जहां एक पुस्तक के पेज चालू हो जाते हैं, लेकिन मुझे जो चाहिए वह पुस्तक पर प्रभाव पड़ता है जब हमारे पास पहले और आखिरी कवर के साथ एक पुस्तक है जो कठोर बाध्य है मोड़ शैली कर्ल और फ्लिप प्रभाव से अलग होगा। तो कृपया कोई भी मुझे बता सकता है कि इसे कैसे कार्यान्वित किया जाए और किसी भी सहायक लिंक या ट्यूटोरियल या उदाहरण (सराहना की गई) धन्यवाद – ask4solutions

+0

ऊपर दिए गए लिंक अब काम नहीं कर रहे हैं, अगर आपने यह किया है तो कृपया कुछ कोड सामान साझा करें। –

0

कड़ी चोट आप एक बिटमैप डेटा में आपके गतिशील दृश्य कन्वर्ट और फिर इसे पेज कर्ल पुस्तकालय के लिए पारित कर सकते हैं पर (वास्तविक दृश्य को छिपाने)। पेज कर्ल प्रभाव पूरा होने के बाद, आप अपना दृश्य पुनर्स्थापित कर सकते हैं।

+0

अगर आपने यह किया है तो कृपया कुछ कोड सामान साझा करें। –

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