Duilib中Scrollbar的設置問題

如果切得圖片只有前三個按鈕的，如圖。此時沒有rail和bk屬性。設置了rail屬性的話，滾動條中間就會出現橫線，如果把rail屬性屏蔽掉的話，就會去掉中間的橫線問題。

image中的corner屬性是指圖片安裝scale9方式繪製（scale9含義往下邊看）

通過設置corner可以保證圓角的正常顯示

Scale9的含義

它是使用網格將圖像劃分爲9個區域，如圖2所示，我用數字1-9標出了對應的區域，其中標紅色的區域是不需要縮放的，而標藍色的區域則是需要縮放的區域。


圖2 對圖片使用Scale9技術進行縮放


當這張圖片被放大，依據Scale9的定義，區域1，3，7，9需要保持原有的尺寸（通過對比左側和右側的圖像可以發現這一點），而其它區域則需要依據一定的規則改變自己的尺寸：
區域2，當圖片放大，本區域寬度增加，高度保持不變 
區域4，當圖片放大，本區域高度增加，寬度保持不變 
區域5，當圖片放大，本區域寬度和高度都增加 
區域6，當圖片放大，本區域高度增加，寬度保持不變（規則與區域4一致） 
區域8，當圖片放大，本區域寬度增加，高度保持不變（規則與區域2一致） 


對於區域5，我們在做外觀設計的時候要重點注意，這個區域不要放置複雜圖形，對於單色或簡單漸變色而言，一定程度的放大是可以接受的，但如果是複雜圖形，那麼放大所產生的失真是非常明顯的（當然如果是矢量圖形，就不會有這個問題，但矢量圖形對於CPU有較大的計算消耗，通常在性能敏感型的Flex應用中我們儘量使用位圖皮膚）。