TimePicker Control in Silverlight

Sử dụng Time Picker Trong Silverlight

I.Introduction

-TimePicker là Control trong Silverlight giúp chúng ta có thể thiết lập, lấy giá trị thời gian một cách nhanh chóng.

-Trong bài này mình xin giới thiệu cách sử dụng TimePicker trong Silverlight.

II.Creating Project And Coding

Mở Visual Studio lên và tạo Silverlight Application

image

Tiếp theo chúng ta Kéo thả TimePicker từ ToolBox vào ứng dụng:

Ngoài ra chúng ta có thể dùng code XAML tạo TimePicker:

   1: <UserControl x:Class="TimePicker.MainPage"

   2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

   3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

   4:     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

   5:     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

   6:     mc:Ignorable="d"

   7:     d:DesignHeight="300" d:DesignWidth="400" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit">

   8:  

   9:     <Grid x:Name="LayoutRoot" Background="White">

  10:         <toolkit:TimePicker Height="22" HorizontalAlignment="Left" Margin="122,114,0,0" Name="timePicker1" VerticalAlignment="Top" Width="190" />

  11:     </Grid>

  12: </UserControl>

Bây giờ chúng ta thử chạy ứng dụng vào cùng trãi nghiệm tính năng của TimePicker :

– Khi Click vào biểu tượng đồng hồ, sẽ có 1 ListBox hiện ra cho chúng ta chọn giờ mà mình muốn:

image

-Ngoài ra khi chúng ta type số vào TimePicker thì Control tự chuyển dòng số đó thành thời gian: EX 1234-> 12:34 AM

image

-Với các thao tác kéo thả chúng ta đã có một trãi nghiệm khá hay với TimePicker Control.

/*web is beautiful*/

 

Leave a comment