程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> Windows 8風格應用開發入門 十九 基礎控件II

Windows 8風格應用開發入門 十九 基礎控件II

編輯:關於.NET

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved