व्यावहारिक Android बिटमैप अनुभव

इतने समय पहले, ड्यूटी पर, मुझे एक काम का सामना करना पड़ा था: एंड्रॉइड के लिए मीडिया प्लेयर के डिजाइन को लागू करना और लागू करना आवश्यक था। और यदि आप नियंत्रणों और सूचनाओं के अधिक या कम सहनीय प्लेसमेंट को खत्म करने और व्यवस्थित करने के बारे में सोचते हैं, तो यह एक मुश्किल व्यवसाय नहीं है, फिर डिजाइन में कुछ उत्साह लाने के लिए, आपको ध्यान से सोचना होगा। सौभाग्य से, मेरे पास स्टॉक में इस तरह का एक तत्व था जैसे कि राग के एल्बम कवर के साथ चित्र। यह वह था जिसे पूरी तस्वीर में रंग जोड़ना था।

हालाँकि, बस बटन और शिलालेखों के बीच प्रदर्शित किया जा रहा है, कवर स्क्रीन पर चिपकाए गए एक पेपर स्टिकर की तरह लग रहा था। मैंने महसूस किया कि आप यहाँ इमेज प्रोसेसिंग के बिना नहीं कर सकते।



क्या आविष्कार किया जा सकता है इसके बारे में कुछ विचारों के परिणामस्वरूप कवर छवि के लिए प्रतिबिंब और छाया प्रभाव बना। मुझे तुरंत कहना होगा कि प्रतिबिंब का व्यावहारिक कार्यान्वयन मेरा मूल विचार नहीं है। मैंने उसे अंग्रेजी भाषा के लेख में पाया। इस पोस्ट में, मैं बस छवि पर किए गए जोड़तोड़ की कुछ समझ देना चाहता हूं, प्रसंस्करण प्रक्रिया के लिए मेरे अतिरिक्त और एंड्रॉइड में बिटमैप के साथ काम करने की कुछ बारीकियों पर ध्यान देना चाहता हूं।

इसलिए, प्रवेश द्वार पर, मेरे पास एक तस्वीर के साथ एक बिटमैप था। शुरू करने के लिए, मैंने मूल छवि का आकार एक खाली बिटमैप बनाया, जिसे बाद में एक ही कवर माना जाता था, लेकिन इसके साथ एक छाया लागू होता है।

width = sourceBitmap.getWidth(); height = sourceBitmap.getHeight(); Bitmap gradCover; try { gradCover = Bitmap.createBitmap(width, height, config); } catch (OutOfMemoryError e) { gradCover = null; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

यह विधि एक उत्परिवर्तनीय (महत्वपूर्ण) बिटमैप बनाती है।

यहां यह ध्यान दिया जाना चाहिए कि बिटमैप्स के साथ काम करते समय मेमोरी को सावधानीपूर्वक मॉनिटर करना आवश्यक है। आपको अपवादों को पकड़ना होगा। और एक और बात: प्रोफाइलर द्वारा किए गए एक अध्ययन से पता चला है कि एक कचरा कलेक्टर createBitmap () विधि को कॉल करने से पहले काम करता है। यदि आपके आवेदन में गति महत्वपूर्ण है तो इसे ध्यान में रखें।



इसके बाद, मैंने एक कैनवस बनाया और उसमें मूल छवि को लागू किया।

 Canvas canvas = new Canvas(gradCover); canvas.drawBitmap(sourceBitmap, 0, 0, null); //Free up memory, associated with the original bitmap sourceBitmap.recycle();
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

इस बिंदु पर, मैं ध्यान देता हूं कि हमेशा, जैसे ही बिटमैप की अब आवश्यकता नहीं है, इसे रीसायकल () विधि द्वारा नष्ट कर दिया जाना चाहिए। तथ्य यह है कि इस प्रकार का एक ऑब्जेक्ट छवि के साथ मेमोरी के लिए केवल एक लिंक है और कचरा कलेक्टर के लिए बहुत छोटा दिखता है (हालांकि वास्तव में बहुत सारी मेमोरी व्याप्त है)। यह इस तथ्य को जन्म दे सकता है कि स्मृति सबसे inopportune क्षण में बाहर चलाता है।



सभी तैयारी के बाद, मैंने कैनवास पर छाया के साथ पेंट लगाया।

 Paint paint = new Paint(); int[] colors = {0xffffffff, 0xffffffff, 0xb0c0c0c0, 0xb0c0c0c0}; float radius = (((float) width * (float) width) / 4 + (float) height * (float) height) / ((float) width); int fullRadius = (int) (1.92 * radius); float[] positions = {0, 0.499f, 0.511f, 1}; RadialGradient shader = new RadialGradient((width - radius), 0, fullRadius, colors, positions, Shader.TileMode.CLAMP); paint.setShader(shader); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); canvas.drawRect(0, 0, width, height, paint); int[] linColors = {0x00ffffff, 0xffffffff, 0xff000000, 0x00000000}; float[] linPositions = {0, 0.03f, 0.97f, 1}; LinearGradient vertical = new LinearGradient(0, 0, 0, height, linColors, linPositions, Shader.TileMode.CLAMP); paint.setShader(vertical); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); canvas.drawRect(0, 0, width, height, paint); LinearGradient horizontal = new LinearGradient(0, 0, width, 0, linColors, linPositions, Shader.TileMode.CLAMP); paint.setShader(horizontal); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); canvas.drawRect(0, 0, width, height, paint);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

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

LinearGradient का उपयोग चित्र के किनारों को फीका करने के लिए किया गया था। इसका एप्लिकेशन RadialGradient से बहुत मिलता-जुलता है। आपको उस पंक्ति की शुरुआत और अंत निर्दिष्ट करने की आवश्यकता है जिसके साथ ग्रेडिएंट जाएगा, इस रेखा पर रंग और उनकी स्थिति।



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

 Bitmap refCover = Bitmap.createBitmap(width, height + height / 3, Bitmap.Config.ARGB_8888); Canvas refCanvas = new Canvas(refCover); refCanvas.drawBitmap(gradCover, 0, 0, null);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

थोड़ी तैयारी के बाद, मज़ा शुरू हुआ। मैंने एक मैट्रिक्स बनाया जो छवि को नीचे से ऊपर की ओर प्रवाहित करता है। इसकी मदद से, मैंने स्रोत के एक तिहाई हिस्से से बिटमैप बनाया और इसे मूल छवि के तहत कैनवास पर रखा।

 Matrix matrix = new Matrix(); matrix.preScale(1, -1); Bitmap reflectionImage = Bitmap.createBitmap(gradCover, 0, 2 * height / 3, width, height / 3, matrix, false); refCanvas.drawBitmap(reflectionImage, 0, height, null); reflectionImage.recycle();
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

वैसे, एक संक्षिप्त नोट: बिटमैप क्लास में कई क्रिएट बिटमैप विधि हैं, और उनमें से केवल एक ही परस्पर बिटमैप बनाता है जिस पर आप आकर्षित कर सकते हैं। ड्राइंग के लिए बाकी उनके लिए उपयुक्त नहीं हैं।



और अंत में, एक प्रतिबिंब प्रभाव देने के लिए एक पारदर्शी ढाल लागू करना।

 Paint refPaint = new Paint(); LinearGradient refShader = new LinearGradient(0, height, 0, height + height / 3, 0xc0ffffff, 0x00ffffff, Shader.TileMode.CLAMP); refPaint.setShader(refShader); refPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); refCanvas.drawRect(0, height, width, refCover.getHeight() + height, refPaint);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

पेंट को ड्राइंग के उस हिस्से पर लागू किया जाता है, जो एक प्रतिबिंब है।



वह सब है। मुझे रिफाइनरी मिली - बिटमैप, जो छाया, चिकनी किनारों और प्रतिबिंब के साथ एल्बम कवर दिखाता है।



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



UPD: चित्र पहले और बाद के