Zoomlayout: ज़ूमलेआउट की चौड़ाई/ऊंचाई में परिवर्तन केंद्र-फसल को काम करने के लिए बाल परिवर्तन को अद्यतन नहीं करते हैं

को निर्मित 16 अक्तू॰ 2020 · 5टिप्पणियाँ · स्रोत: natario1/ZoomLayout

बग का वर्णन करें

पुस्तकालय संस्करण: 1.8.0
आधिकारिक डेमो ऐप में प्रतिलिपि प्रस्तुत करने योग्य: हाँ
डिवाइस / Android संस्करण: पिक्सेल 3, एपीआई 29

मैं चित्र/परिदृश्य छवियों को दिखाने के लिए ज़ूमलाउट का उपयोग कर रहा हूं। मैंने ज़ूम और ओवरस्क्रॉल को अक्षम कर दिया है। मैं केवल CenterCrop के साथ क्षैतिज और ऊर्ध्वाधर पैन का उपयोग कर रहा हूँ। एक समय में, केवल एक दिशा पैन का प्रदर्शन किया जा सकता है, जैसा कि अपेक्षित था (क्योंकि ज़ूम अक्षम है)। यह मुझे छवि का एक हिस्सा दिखाने की अनुमति देता है, जबकि दूसरे हिस्से को पैन का उपयोग करके देखा जा सकता है।

जैसा कि मैंने समझा है, सेंटरक्रॉप या तो containerHeight से childHeight या containerWidth से childWidth को संरेखित करके काम करता है। सही? एक वर्ग ImageView में लैंडस्केप/पोर्ट्रेट छवियों को लोड करने की कल्पना करें। लैंडस्केप छवियों के लिए, childHeight को सेंटरक्रॉप करने के लिए containerHeight साथ संरेखित किया जाएगा, और अब, पैन क्षैतिज रूप से किया जा सकता है। इसी तरह, पोर्ट्रेट छवियों के लिए, पैन को लंबवत रूप से प्रदर्शित किया जा सकता है।

यह ठीक काम करता है।

लेकिन, अगर मैं इस तरह ज़ूमलाउट की चौड़ाई/ऊंचाई बदलता हूं, तो परिवर्तन बाल दृश्य पर लागू नहीं होता है।

val layoutParams = zoomLayout.layoutParams
layoutParams.width = layoutParams.width + changedWidth
layoutParams.height = layoutParams.height + changedHeight
zoomLayout.layoutParams = layoutParams

प्रजनन करना

व्यवहार को पुन: पेश करने के लिए कदम, संभवतः डेमो ऐप में:

ज़ूम और ओवरस्क्रॉल अक्षम करें।
क्षैतिज और लंबवत के लिए पैन सक्षम करें।
XML में ZoomLayout में चाइल्ड व्यू रखें। सामग्री लपेटने के लिए चौड़ाई/ऊंचाई रखें।
खींचने योग्य एक लंबा लैंडस्केप जोड़ें। 780 x 180 के साथ परीक्षण किया गया।
XML में ZoomLayout में चाइल्ड व्यू के लिए इस ड्रॉएबल को बैकग्राउंड के रूप में सेट करें।
भागो, क्षैतिज रूप से पैन करें।
ज़ूमलेआउट की ऊंचाई बढ़ाने के लिए एक बटन का प्रयोग करें। बच्चे पर परिवर्तन नहीं किया जाता है।

अपेक्षित् व्यवहार

जब कंटेनर की ऊंचाई बदलती है, तो सेंटरक्रॉप को बनाए रखने के लिए चाइल्ड ट्रांसफॉर्मेशन लागू किया जाता है।

एक्सएमएल लेआउट (विस्तारित ज़ूमलेआउट)

init {
    setHorizontalPanEnabled(true)
    setVerticalPanEnabled(true)

    setOverScrollHorizontal(false)
    setOverScrollVertical(false)

    setAlignment(Alignment.TOP or Alignment.LEFT)
    setHasClickableChildren(true)
    setTransformation(
        ZoomApi.TRANSFORMATION_CENTER_CROP,
        ZoomApi.TRANSFORMATION_GRAVITY_AUTO
    )

    setZoomEnabled(false)
}

स्क्रीनशॉट

Screenshot

लॉग्स

शुरू

I/ZoomLayout: setHasClickableChildren: old: false new: false
I/ZoomLayout: setHasClickableChildren: old: false new: true

बच्चे पर खींचने योग्य क्षैतिज पृष्ठभूमि लोड करें।

W/ZoomEngine: onMatrixSizeChanged: firstTime: true oldZoom: NaN transformation: 1 transformationZoom: 0.0
I/ZoomEngine: computeTransformationZoom centerCrop scaleX: 1.0042135 scaleY: 5.860656
I/ZoomEngine: onMatrixSizeChanged: newTransformationZoom: 5.860656 newRealZoom: 5.8606563 newZoom: 1.0000001

उपरोक्त कोड का उपयोग करके ज़ूमलाउट ऊंचाई बढ़ाएं।

W/ZoomEngine: onMatrixSizeChanged: firstTime: false oldZoom: 5.8606563 transformation: 1 transformationZoom: 5.860656
I/ZoomEngine: computeTransformationZoom centerCrop scaleX: 1.0042135 scaleY: 6.2704916
I/ZoomEngine: onMatrixSizeChanged: newTransformationZoom: 6.2704916 newRealZoom: 5.8606563 newZoom: 0.93464065

सेंटरक्रॉप कार्यक्षमता को बनाए रखने के लिए बच्चे को रूपांतरित नहीं किया जाता है।

APK

यदि आवश्यक हो तो प्रदान करेगा, लेकिन प्रजनन चरणों का उपयोग करना बहुत आसान है।

enhancement discussion

स्रोत

rupinderjeet

सबसे उपयोगी टिप्पणी

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

zoomLayout.layoutParams = layoutParams
zoomLayout.engine.setContainerSize(layoutParams.width, layoutParams.height, true)

या शायद ऐसे

zoomLayout.layoutParams = layoutParams
zoomLayout.post {
    zoomLayout.engine.setContainerSize(layoutParams.width, layoutParams.height, true)
}

हम इसे सिंकट्रांसफॉर्मेशन () फ़ंक्शन या ऐसा कुछ के साथ आसान बना सकते हैं

natario1 16 अक्तू॰ 2020

👍2

सभी 5 टिप्पणियाँ

मैंने इसके आसपास जाने के लिए नीचे दिए गए कोड का उपयोग किया।

val layoutParams = zoomLayout.layoutParams
layoutParams.width = layoutParams.width + changedWidth
layoutParams.height = layoutParams.height + changedHeight
zoomLayout.layoutParams = layoutParams

zoomLayout.engine.setContainerSize(
    layoutParams.width.toFloat(),
    layoutParams.height.toFloat(),
    applyTransformation = false // not applying transformation
)

और, ZoomLayout के onGlobalLayout() में एक और बदलाव

engine.setContentSize(
    child.width.toFloat(), 
    child.height.toFloat(),
    applyTransformation = true // <-- this change
)

ऐसा करने से मुझे मदद मिलती है। सेंटरक्रॉप कार्यक्षमता बनाए रखने के लिए बच्चे को माता-पिता के साथ सही ढंग से जोड़ा जाता है। लेकिन, यह कोड #185 अंक को जन्म देता है। स्पष्ट रूप से, अब मुझे पता है कि पैन रीसेट क्यों होता है (संकेत#वैश्विक-लेआउट)।

इसलिए, मैं अभी भी ज़ूमलाउट को कंटेनर चौड़ाई/ऊंचाई बदलने पर बच्चे पर परिवर्तन लागू करने के लिए कहने का एक तरीका ढूंढ रहा हूं। अगर मैं हैक्स का उपयोग करना जारी रखता हूं, तो मेरे पास केवल और बग होंगे। आपने इस पर काम किया है, आप मुझसे बेहतर जानते हैं। कृपया मेरा मार्ग दर्शन कीजिए।

rupinderjeet 16 अक्तू॰ 2020

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

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

markusressel 16 अक्तू॰ 2020

👍1

zoomLayout.layoutParams = layoutParams
zoomLayout.engine.setContainerSize(layoutParams.width, layoutParams.height, true)

या शायद ऐसे

zoomLayout.layoutParams = layoutParams
zoomLayout.post {
    zoomLayout.engine.setContainerSize(layoutParams.width, layoutParams.height, true)
}

हम इसे सिंकट्रांसफॉर्मेशन () फ़ंक्शन या ऐसा कुछ के साथ आसान बना सकते हैं

natario1 16 अक्तू॰ 2020

👍2

@markusressel ठीक है, मैं समझता हूँ। साथ ही, मुझे लगता है कि मैं जो करना चाहता हूं वह इस पुस्तकालय की केवल 25% क्षमता का उपयोग कर रहा है। पुस्तकालय का उपयोग किस लिए किया जाना है, इसे अक्षम करना वास्तव में इसके खिलाफ जाना और इसके काम करने की अपेक्षा करना है। मुझे केवल तवे और फ़्लिंग के साथ मध्य-फसल की आवश्यकता है। यदि आपके पास सुझाव देने के लिए कुछ है, तो कृपया करें। धन्यवाद।

कंटेनर का आकार कई कारणों से बदल सकता है और यदि सामग्री पहले से ही ज़ूम/पैन की गई थी, तो मुझे नहीं लगता कि हमें परिवर्तन को फिर से लागू करना चाहिए

@ natario1 यदि यह अपेक्षित/आवश्यक है, तो इस व्यवहार के लिए एक ऑप्ट-इन ध्वज होना चाहिए। मेरे लिए, यह डिफ़ॉल्ट अपेक्षा के विरोधी जैसा लगता है। जब केंद्र-फसल को लगाया जाता है, और कंटेनर का आकार बदल दिया जाता है, तो केंद्र-फसल को बनाए रखा जाना चाहिए। हालांकि अगर हम ज़ूमलेआउट में आकार परिवर्तन का समर्थन नहीं कर रहे हैं, तो इससे कोई फर्क नहीं पड़ेगा।

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

आपके सहयोग के लिए धन्यवाद। मुझे खेद है कि मुझे प्रतिक्रिया देने में अधिक समय लगा।

rupinderjeet 19 अक्तू॰ 2020

@rupinderjeet मैंने आपके उदाहरण को पुन: पेश करने का प्रयास किया, लेकिन संशोधित LayoutParams को ZoomLayout उदाहरण पर लागू करते समय, मुझे अपना स्वयं का त्रुटि संदेश मिलता है:

java.lang.RuntimeException: ZoomLayout must be used with fixed dimensions (e.g. match_parent)

क्या मैं कुछ भूल रहा हूँ?

markusressel 27 अक्तू॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स