天天看點

[Windows Phone] 另類方法解決ScrollViewer設定透明度後文字模糊問題

最近在開發一些Windows Phone 7的應用,遇到了一些問題,比較奇怪的當屬昨天遇到的了。

當我在ScrollViewer中放入一個TextBlock控件綁定文字,并設定ScrollViewer的透明度為非1.0(我設定0.7,比較好看),這時如果TextBlock中文字超出ScrollViewer的高度,也就是說可以上下滑動來看到更多文字,就會出現文字模糊的情況發生,如下圖:

[Windows Phone] 另類方法解決ScrollViewer設定透明度後文字模糊問題

請教了多位朋友都說這可能是個Bug,于是Google了很久也沒能找到解決方法,于是靈機一動用來一個另類的方法來解決,這個方法就是使用一個透明度為70%的1像素高1像素寬的PNG圖檔(下面代碼中DesBackground.png既是)作為文字所在容器的背景,代碼也很簡單,如下,背景圖我就不放了,自己用PS建一個很簡單:

<StackPanel Margin="0,-20,0,80"> 

    <StackPanel.Background> 

        <ImageBrush ImageSource="Images\Countries\DesBackground.png"></ImageBrush> 

    </StackPanel.Background> 

    <ScrollViewer Height="553" VerticalAlignment="Top" Margin="10,10,10,10"> 

        <TextBlock x:Name="tbHistory" TextWrapping="Wrap" Style="{StaticResource PhoneTextNormalStyle}"></TextBlock> 

    </ScrollViewer> 

</StackPanel>

效果如下:

[Windows Phone] 另類方法解決ScrollViewer設定透明度後文字模糊問題

是不是很清晰?而且不影響美觀!

這個方法對程式性能和存儲的影響可忽略不計,個人認為還是比較好的,希望能幫助有需要的朋友!

繼續閱讀