天天看點

快速建構Windows 8風格應用19-基礎控件II

Slider:

快速建構Windows 8風格應用19-基礎控件II

如何在XAML代碼中聲明Slider控件呢?代碼如下:

快速建構Windows 8風格應用19-基礎控件II

Value屬性值表示Slider控件顯示的初始值,應用運作狀态下我們也可以拖動改變Slider控件的值。

C#代碼中聲明Slider控件。代碼可以如下:

快速建構Windows 8風格應用19-基礎控件II

可以通過ValueChanged事件擷取Slider控件目前的Value值

Image:

Image控件常見的效果圖:

快速建構Windows 8風格應用19-基礎控件II
快速建構Windows 8風格應用19-基礎控件II

Image控件Source屬性表示圖檔路徑,Stretch表示圖檔伸展屬性(包含Fill、None、Uniform、UniformToFill四個值)。

C#代碼中聲明Image控件。代碼可以如下:

快速建構Windows 8風格應用19-基礎控件II

Tooltip:

Tooltip控件常見的效果圖:

快速建構Windows 8風格應用19-基礎控件II

當我們把滑鼠停靠在圖檔上時,出現提示框。

如何在XAML代碼中控件聲明Tooltip控件呢?代碼如下:

快速建構Windows 8風格應用19-基礎控件II

這裡以Image控件為例,其實其他控件中都可以去聲明TooTipService。TooTipService的TooTip屬性表示提示框顯示的資訊,Placement表示提示框顯示的位置。

C#代碼中聲明Tooltip控件添加到某一控件中。代碼可如下:

快速建構Windows 8風格應用19-基礎控件II

SetToolTip方法和SetPalcement方法的第一個參數都是傳遞某一控件對象。

Popup:

Popup控件常見的效果圖:

效果圖1:

快速建構Windows 8風格應用19-基礎控件II

XAML代碼設計如下:

快速建構Windows 8風格應用19-基礎控件II

代碼中通過點選Button來顯示Popup,Popup中放置一個Border控件,Border中包含了一個TextBlock和Button控件。

C#代碼中:

快速建構Windows 8風格應用19-基礎控件II

通過設定Popup控件的IsOpen屬性值來控制Popup是否顯示(True為顯示,False為隐藏)。

效果圖2:

快速建構Windows 8風格應用19-基礎控件II

Xaml代碼如下:

快速建構Windows 8風格應用19-基礎控件II

PopupInputConetnt自定義控件XAML代碼為:

快速建構Windows 8風格應用19-基礎控件II

效果圖3:

快速建構Windows 8風格應用19-基礎控件II

點選“Show Popup(no Parent)”按鈕,彈出Popup。

XAML代碼:

快速建構Windows 8風格應用19-基礎控件II

C#代碼:

快速建構Windows 8風格應用19-基礎控件II

代碼中首先聲明Popup對象nonParentPopup,将自定義控件PopupInputContent對象指派給nonParentPopup的Child屬性。

效果圖4:

快速建構Windows 8風格應用19-基礎控件II

點選“Show Popup((with light dismiss)”按鈕,彈出Popup。

快速建構Windows 8風格應用19-基礎控件II

代碼中将Popup的IsLightDismissEnabled屬性值設定為True,表示當使用者點選或觸摸螢幕的任何位置,不包含Popup的位置,Popup控件是否消失。

效果圖5:

快速建構Windows 8風格應用19-基礎控件II

點選“Show Popup(with light dismiss and animations)”按鈕,彈出Popup并伴有動畫效果。

XAML代碼中:

快速建構Windows 8風格應用19-基礎控件II

效果圖6:

快速建構Windows 8風格應用19-基礎控件II

點選“Show Popup(simulating Settings)”按鈕,螢幕右側彈出Popup并伴有動畫效果。

快速建構Windows 8風格應用19-基礎控件II

代碼中将Popup的IsLightDismissEnabled屬性值設定為True,并聲明<PopupThemeTransition />Popup彈出時的動畫。

通過C#代碼來控制Popup從螢幕右側彈出:

快速建構Windows 8風格應用19-基礎控件II

通過Popup的HorizontalOffset來控制彈出的水準方向位置。

PasswordBox:

PasswordBox控件常見的效果圖:

快速建構Windows 8風格應用19-基礎控件II
快速建構Windows 8風格應用19-基礎控件II
快速建構Windows 8風格應用19-基礎控件II

如何在C#代碼中聲明PasswordBox控件呢?代碼如下:

快速建構Windows 8風格應用19-基礎控件II

繼續閱讀