Hub控制項示例

2021-10-12 01:16:44 字數 1002 閱讀 7814

hub控制項顯示的是全景檢視,即所有檢視都被排列到乙個平面中,當hub控制項中所包含的檢視數量較多時,由於螢幕空間不足以顯示所有檢視,因此只有當前檢視會顯示在螢幕內部,其他檢視會被移動到螢幕外,這時候,使用者就看不到螢幕之外的內容。hub控制項在手機裝置上執行時效果比較直觀,因為手機裝置的螢幕尺寸通常要比平板電腦小,更易於觀察展現效果。

下面示例將演示hub控制項的基本用法。核心的xaml**如下:

示例應用

示例中,hub控制項定義了三個檢視,標題分別為。通常,為了使使用者介面看起來更美觀,會使用影象作為hub控制項的背景,如本示例中,hub控制項的background屬性使用了imagebrush畫刷來填充。imagebrush支援使用文字或者記憶體中的影象資料來繪製控制項的背景,只要imagesource屬性設定影象源即可。

hub控制項包含乙個hubsection集合,每個單獨的hubsection物件表示乙個檢視,header屬性指定檢視的標題,可以直接使用文字作為標題,也可以使用其他的視覺化物件,因為該屬性的型別為object,這與button控制項的content屬性類似。

值得注意的是,hubsection物件沒有公開內容屬性,而是通過contenttemplate屬性來設定檢視內容的,該屬性的型別為datatemplate,即資料模板,而且在hubsection類的定義上還應用了以下特性:

[contentproperty(name = "contenttemplate")]
這表明,在xaml文件中,contenttemplate屬性可以直接作為hubsection元素的直接內容,例如:

就可以省略hubsection.contenttemplate節點的宣告。

hub控制項在螢幕的最右方會讓處於螢幕之外的檢視露出一點點"頭角",這樣使用者就知道螢幕之外還有內容。另外,hub控制項可以迴圈滾動,例如:使用者滑動到hub控制項的最右端檢視最後乙個檢視,如果使用者繼續向右滑動,就會回到第乙個檢視。

事件冒泡控制項示例

asp.net中,經常會用到很多的使用者控制項,有時候還把好幾步放在一起 就是next,next的這種 這個時候,事件的執行順序就複雜而且麻煩了。我遇到的情況就是要在第四步的pageload中執行一段 並且在這一步的時候,頁面回傳的時候這段 又不需要執行。用ispostback不行,頁面剛剛載入的時...

PlaceHolder控制項應用示例

placeholder控制項可以為以程式設計方式動態新增的控制項保留位置,從而將動態新增的伺服器控制項儲存到web頁中。placeholdercontrol.aspx 1 page language c autoeventwireup true codefile placeholdercontrol...

建立docker私有hub

docker是乙個非常好用的虛擬化工具。下面給出建立私有docker hub的方法。docker將私有hub的環境打包在registry image中 執行指令 docker run p 5000 5000 registry 這條指令啟動乙個基於registry image的cotainer。並將h...