互聯力量Silverlight之Scrolling|Scaling|全屏

Silverlight教程

前一篇說明了Silverlight Canvas佈局技術,本篇是Silverlight佈局技術的最後一篇內容,主要談談頁面大小變化的相關處理技巧,其中要用到Silverlight ScrollViewer控件,Sivlerlight toolkit ViewBox控件和Silverlight全屏界面技術。

Page Scrolling

有些界面要求,在有限的尺寸範圍,顯示很多的內容,這時我們只有使用頁面的滾動。在Silverlight中,滾動支持是很容易實現的,只用藉助Silverlight ScrollViewer控件即可。ScrollViewer控件是種容器控件,它只是確定滾動的範圍,對子控件產生滾動效果,並不對子控件進行佈局,所以通常情況下,我們應該使用一些佈局控件如Grid控件,結合ScrollViewer控件使用。下面的例子使用十個TextBox和Button控件,產生滾動的效果,首先將十個TextBox和Button控件垂直的排列到Grid控件,Grid控件應該寫成十行兩列的佈局格式,TextBox排在第一列,Button排在第二列,如下:

跟互聯力量學Silverlight之十三_Scrolling_Scaling_全屏效果_圖1

圖1

asp.net教程

跟互聯力量學Silverlight之十三_Scrolling_Scaling_全屏效果

圖2

現在,需要修改上面的顯示效果,將十組TextBox和Button放在小的範圍內並支持滾動,只用在Grid外面加上ScrollViewer控件,如下:

跟互聯力量學Silverlight之十三_Scrolling_Scaling_全屏效果

圖3

跟互聯力量學Silverlight之十三_Scrolling_Scaling_全屏效果

圖4

還可以強制ScrollViewer控件顯示滾動條,設置 HorizontalScrollBarVisibility=”Visible” 顯示水平滾動條,VerticalScrollBarVisibility=”Hidden” 隱藏垂直滾動條。

全屏

Silverlight可以實現全屏顯示模式,並且可以在瀏覽器外執行,也就是說,你可以把一個Silverlight的網頁當作windows的桌面程序來運行,而不需要像普通網頁,必須在瀏覽器瀏覽。我們來看看,這個很炫的效果怎麼實現。在頁面中放入button,然後定義button的Click事件,只用一句話就實現全屏效果,如下:

跟互聯力量學Silverlight之十三_Scrolling_Scaling_全屏效果

圖5

武漢雙證培訓

Button事件代碼如下:

1 2 3 4 private void Button_Click(object sender, RoutedEventArgs e) { Application.Current.Host.Content.IsFullScreen = true; }

運行效果,如圖:

跟互聯力量學Silverlight之十三_Scrolling_Scaling_全屏效果

圖6

全屏效果開始有提示,說是按下Esc鍵可以退出全屏,這個提示很快就會消失,全屏後,沒有任何邊框,你需要注意這和IE全屏是完全不同的概念。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章