Yuvalama görünümleri görüntü kalitesini bozar

Question

Bu bölümde, sanat departmanındaki kişilerin görüntü kalitesinin kötüleştiğini fark ettikleri bir projede bu sorunla karşılaştım. Neyin neden kaynaklandığından emin değilim, ancak iç içe yerleştirilmiş ScrollView'ı kaldırarak sorunu çözebildik. Ancak bu, kaydırma görüntülerinin içine yerleştirilmiş görüntülerin içine yerleştirilmemiz gerektiği için geçerli bir çözüm değil.

Kodum gibi bir şey görünüyordu: Biz iç içe scrollview hem ImageView kaldırıldı ve bu kadar direkt ebeveyn gayet hale görüntülemek

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

. Bunu gösteren basit bir proje ile bir repo oluşturdum. Sıkıştırma etkisi, harflerin renklendirilmesi, metnin üzerindeki beyaz gölge ve gri sınırın bulanıklaşması üzerinde en çok fark edilir.

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

bu raporlama ihtiyaçları veya belgeler bir yerlerde ben bilmiyorum "it bu şekilde yapmayın" diyor orada bir hata var mı?

Selamlar Brant bu sınırları (genişlik, yükseklik) ve örneğin bir tutarlı bir şekilde görünümleri, referans noktalarıdır (üst, sol, sağ, alt), sadece değişiklik olmadığını tanımlayan değil kaynaklanır düşünüyorum

Answer 1

Bu: Buna

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

:

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

bulanıklaştırma uzağa gider. Bunun gerçekleştiğini düşünüyorum çünkü göreceli ve mutlak görünüm düzeni tekniklerini (yüzdeler ve mutlak pikseller) sıkıca bağlı bir kutuda karıştırıyorsunuz (.sayfa görünümü, alt resim görünümü ile tam aynı yüksekliktedir). Resmi üst görünümde çizdiklerinde biraz para geçirin. Aynı düzen mekanizması için kullanarak ya, İşte

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

da işe diğer bazı yöntemler şunlardır: Bu da hissedilir derecede daha fazla dönüşüm hatası için oda izin vererek, bulanıklığı ortadan kaldırmak için çalışır çünkü

bunu söylemek genişlik ve yükseklik veya dönüşümler için daha fazla yer veren iki: Eğer ana bazı esneklik payı elde istekli olmadıkça, iç içe geçme görünüşüdür zincirleri boyutlarda yüzdeleri ve mutlak değerlerin karıştırma uzak kalır, böylece, genel olarak

".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 
} 

veya çapa tanımlamak Çizim dönüşümleri yapmak için (üst, sol, sağ, alt).

Yasal Uyarı: Bu ifadeyi yalnızca 15-20 farklı sınırlı düzen testine ve kendi deneyimime (yerel koddan henüz geçmedim) temel aldım, bu hiçbir şekilde bilim değildir.