घोंसले के दृश्य छवि गुणवत्ता को खराब कर देते हैं

Question

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

मेरे कोड की तरह कुछ देखा:

<View> 
    <ScrollView> 
     <View> 
       <ImageView image="someImage.png" /> 
     </View> 
    </ScrollView> 
</View> 

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

https://bitbucket.org/bwellons/blurry-images

यह एक बग है कि रिपोर्टिंग की जरूरत है या वहाँ प्रलेखन कहीं कि का कहना है कि मैं के बारे में पता नहीं है "यह इस तरह से नहीं करते" है है?

सादर Brant

Answer 1

मैं इस को परिभाषित नहीं सीमा (चौड़ाई, ऊंचाई) और एक सुसंगत तरीके से देखा गया, उदाहरण के लिए की एंकर (ऊपर, बाएँ, दाएँ, नीचे), अगर मैं सिर्फ परिवर्तन के कारण होता है लगता है इस:

".parent": { 
    width: '100%', 
    height : 59, 
} 

इस के लिए

:

".parent": { 
    top : 0, 
    width: '100%', 
    height : 59 
} 

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

मैं यह कहना है क्योंकि यह भी काफ़ी कलंक को खत्म करने, परिवर्तन त्रुटि के लिए और अधिक कमरे की अनुमति देकर काम करता है: के लिए एक ही लेआउट प्रणाली का उपयोग कर,

".parent": { 
    width: '100%', 
    height : 62 // Added 3 pixels of padding 
} 

यहाँ कुछ अन्य तरीकों कि के रूप में अच्छी तरह से काम कर रहे हैं या तो द्वारा चौड़ाई और ऊंचाई दोनों, या रूपांतरण के लिए अधिक स्थान देने के:

".parent": { 
    width: '100%', 
    height : '50%' // Dont do this, but shows the point 
} 

".parent": { 
    bottom : 0, 
    width: Ti.UI.FILL, // I use Ti.UI.FILL instead of 100% generally 
    height : 59 
} 

तो आम तौर पर, घोंसले दृश्य चेन आयामों में प्रतिशत और शुद्ध मान मिश्रण से दूर रहना, जब तक आप माता-पिता में कुछ लचीलेपन की तुलना में देने के लिए तैयार कर रहे हैं, या एंकर परिभाषित करें (शीर्ष, बाएं, दाएं, नीचे) ड्राइंग परिवर्तन करने के लिए काम करते हैं।

अस्वीकरण: मैं केवल 15-20 अलग-अलग सीमित लेआउट परीक्षणों और अपने स्वयं के अनुभव (मैं मूल कोड के माध्यम से नहीं गया) पर इस कथन का आधार रखता हूं, इसलिए यह विज्ञान का कोई मतलब नहीं है।