ネスティングビューは画質を劣化させます

Question

最近のプロジェクトでは、芸術部門の人達が画質の低下に気付いたときにこの問題に遭遇しました。私はそれが何を引き起こしているのかはわかりませんが、入れ子になっているScrollViewを削除して問題を解決できましたが、スクロールビュー内に入れ子になったビュー内に画像を入れ子にする必要があるため、これは実行可能な解決策ではありません。

私のコードは次のように見えた：私たちは、ネストされたScrollViewの両方からImageViewのを取り出して、それはだ直接の親は、それがうまくレンダリング表示

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

。私はこれを示す簡単なプロジェクトでレポを作成しました。鈍い効果は、文字の色付け、テキストの白い影、灰色の枠線のぼかしで最も顕著である。

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

これは報告必要か私は知らないこと「このようにそれをしない」と言うどこかにドキュメントがあるバグですか？

よろしく ブラント

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の限られたレイアウトテストと私自身の経験（私はまだネイティブコードを通過していませんでした）に基づいているため、これは決して科学ではありません。