Slider:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcuUGOkFTNjZDZhNWN4Y2MzEzMyMTNmNWY4IDZxYTZ5UWOfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
如何在XAML代碼中聲明Slider控件呢?代碼如下:
Value屬性值表示Slider控件顯示的初始值,應用運作狀态下我們也可以拖動改變Slider控件的值。
C#代碼中聲明Slider控件。代碼可以如下:
可以通過ValueChanged事件擷取Slider控件目前的Value值
Image:
Image控件常見的效果圖:
Image控件Source屬性表示圖檔路徑,Stretch表示圖檔伸展屬性(包含Fill、None、Uniform、UniformToFill四個值)。
C#代碼中聲明Image控件。代碼可以如下:
Tooltip:
Tooltip控件常見的效果圖:
當我們把滑鼠停靠在圖檔上時,出現提示框。
如何在XAML代碼中控件聲明Tooltip控件呢?代碼如下:
這裡以Image控件為例,其實其他控件中都可以去聲明TooTipService。TooTipService的TooTip屬性表示提示框顯示的資訊,Placement表示提示框顯示的位置。
C#代碼中聲明Tooltip控件添加到某一控件中。代碼可如下:
SetToolTip方法和SetPalcement方法的第一個參數都是傳遞某一控件對象。
Popup:
Popup控件常見的效果圖:
效果圖1:
XAML代碼設計如下:
代碼中通過點選Button來顯示Popup,Popup中放置一個Border控件,Border中包含了一個TextBlock和Button控件。
C#代碼中:
通過設定Popup控件的IsOpen屬性值來控制Popup是否顯示(True為顯示,False為隐藏)。
效果圖2:
Xaml代碼如下:
PopupInputConetnt自定義控件XAML代碼為:
效果圖3:
點選“Show Popup(no Parent)”按鈕,彈出Popup。
XAML代碼:
C#代碼:
代碼中首先聲明Popup對象nonParentPopup,将自定義控件PopupInputContent對象指派給nonParentPopup的Child屬性。
效果圖4:
點選“Show Popup((with light dismiss)”按鈕,彈出Popup。
代碼中将Popup的IsLightDismissEnabled屬性值設定為True,表示當使用者點選或觸摸螢幕的任何位置,不包含Popup的位置,Popup控件是否消失。
效果圖5:
點選“Show Popup(with light dismiss and animations)”按鈕,彈出Popup并伴有動畫效果。
XAML代碼中:
效果圖6:
點選“Show Popup(simulating Settings)”按鈕,螢幕右側彈出Popup并伴有動畫效果。
代碼中将Popup的IsLightDismissEnabled屬性值設定為True,并聲明<PopupThemeTransition />Popup彈出時的動畫。
通過C#代碼來控制Popup從螢幕右側彈出:
通過Popup的HorizontalOffset來控制彈出的水準方向位置。
PasswordBox:
PasswordBox控件常見的效果圖:
如何在C#代碼中聲明PasswordBox控件呢?代碼如下: