[WP8] ProgressBar方向調整

原本在Windows Store App中你可能會使用ProgressRing讓啟動時有小點點在轉動,但是對於小螢幕的WP8手機而言,你可能會認為使用Progressbar是更明智的選擇,因為比較清楚和明顯。只是,bar的方向要怎麼調整呢?
一般來說Portrait方向的App當然沒問題,但是Landscape的App你會發現Bar看起來是垂直的,那要怎麼調整呢?或許這不是什麼難事,但寫在這邊,讓大家省點摸索的時間。基本上有兩種做法。
第一種是在你於Xaml上寫好ProgressBar後,設計畫面上會出現bar,你可以用滑鼠轉動它。
第二種是多加幾行code:
<ProgressBar x:Name="SplashProgress" Foreground="#FFFFFFFF" Background="#FF333333" Maximum="10000" Width="320" Height="25" RenderTransformOrigin="0.5,0.5">
    <ProgressBar.RenderTransform>
        <CompositeTransform Rotation="90"/>
    </ProgressBar.RenderTransform>
</ProgressBar>
注意中間那三行,那三行就是負責旋轉bar的code,當你在設計畫面裡面旋轉bar時這三行就會出現,可以進行進一步的調整。當你需要旋轉bar時,可以參考一下這兩種做法。

留言