Slider:
Slider控件常見的效果圖:
如何在XAML代碼中聲明Slider控件呢?代碼如下:
Value屬性值表示Slider控件顯示的初始值,應用運行狀態下我們也可以拖動改變Slider控件的值。
C#代碼中聲明Slider控件。代碼可以如下:
可以通過ValueChanged事件獲取Slider控件當前的Value值
關於Slider類詳細說明可以參考: Slider Class。
Image:
Image控件常見的效果圖:
如何在XAML代碼中聲明Slider控件呢?代碼如下:
Image控件Source屬性表示圖片路徑,Stretch表示圖片伸展屬性(包含Fill、None、Uniform、UniformToFill四個值)。
C#代碼中聲明Image控件。代碼可以如下:
注意:使用C#代碼顯示圖片,必須使用絕對路徑。Image.Source property。
關於Image類詳細說明可以參考:Image Class。
Tooltip:
Tooltip控件常見的效果圖:
當我們把鼠標停靠在圖片上時,出現提示框。
如何在XAML代碼中控件聲明Tooltip控件呢?代碼如下:
這裡以Image控件為例,其實其他控件中都可以去聲明TooTipService。TooTipService的TooTip屬性表示提示框顯示的信息,Placement表示提示框顯示的位置。
C#代碼中聲明Tooltip控件添加到某一控件中。代碼可如下:
SetToolTip方法和SetPalcement方法的第一個參數都是傳遞某一控件對象。
關於Tooltip類詳細說明可以參考:Tooltip Class。
Popup:
Popup控件常見的效果圖:
效果圖1:
XAML代碼設計如下:
代碼中通過點擊Button來顯示Popup,Popup中放置一個Border控件,Border中包含了一個TextBlock和Button控件。
C#代碼中:
通過設置Popup控件的IsOpen屬性值來控制Popup是否顯示(True為顯示,False為隱藏)。
效果圖2:
點擊“Show Popup(with Parent)”按鈕,彈出Popup。
Xaml代碼如下:
Name為“ParentedPopup”的Popup控件中聲明了<local:PopupInputConetnt>的自定義控件。Button的Click事件控制Popup是否進行顯示。
PopupInputConetnt自定義控件XAML代碼為:
效果圖3:
點擊“Show Popup(no Parent)”按鈕,彈出Popup。
XAML代碼:
C#代碼:
代碼中首先聲明Popup對象nonParentPopup,將自定義控件PopupInputContent對象賦值給nonParentPopup的Child屬性。
效果圖4:
點擊“Show Popup((with light dismiss)”按鈕,彈出Popup。
XAML代碼:
代碼中將Popup的IsLightDismissEnabled屬性值設置為True,表示當用戶點擊或觸摸屏幕的任何位置,不包含Popup的位置,Popup控件是否消失。
效果圖5:
點擊“Show Popup(with light dismiss and animations)”按鈕,彈出Popup並伴有動畫效果。
XAML代碼中:
代碼中將Popup的IsLightDismissEnabled屬性值設置為True,並聲明<PopupThemeTransition />Popup彈出時的動畫。
效果圖6:
點擊“Show Popup(simulating Settings)”按鈕,屏幕右側彈出Popup並伴有動畫效果。
XAML代碼中:
代碼中將Popup的IsLightDismissEnabled屬性值設置為True,並聲明<PopupThemeTransition />Popup彈出時的動畫。
通過C#代碼來控制Popup從屏幕右側彈出:
通過Popup的HorizontalOffset來控制彈出的水平方向位置。
MSDN提供了Popup示例代碼:XAML Popup sample。
關於Popup類詳細說明可以參考:Popup Class。
PasswordBox:
PasswordBox控件常見的效果圖:
XAML代碼中:
PasswordBox控件中輸入密碼只能是一行不能換行。可以通過PasswordChar屬性指定密碼字符,MaxLength屬性指定用戶最多可以輸入的字符數量,IsPasswordRevealButtonEnabled屬性值為True時顯示PasswordBox控件中內置按鈕,用戶觸摸或點擊該按鈕時可顯示密碼文本,當用戶釋放該按鈕時,密碼會自動重新隱藏。
如何在C#代碼中聲明PasswordBox控件呢?代碼如下:
關於PasswordBox類詳細說明可以參考:PasswordBox Class。
本文出自 “王祖康” 博客,請務必保留此出處http://wzk89.blog.51cto.com/1660752/1026624