Tổng quan về Code4Fun Toolkit cho Windows Phone

I. Introduction

– Code4Fun là bộ toolkit do các chuyên gia: Jeff Wilcox, Thomas Claudius Huber, Kevin Marshall, Stephanie Hertrich … xây dựng nên.

– Bộ toolkit này sẽ gồm những Control mới giúp cho việc phát triển ứng dụng Windows Phone trở nên linh hoạt hơn.

– Những Control trong bộ thư viện này gồm :

II. Fundamental

– Đầu tiên chúng ta download thư viện Code4Fun tại :

Install-Package Coding4Fun.Phone.Controls.Complete

Install-Package Coding4Fun.Phone.Controls

Install-Package Coding4Fun.Phone.Controls.TimeSpan

– Sau khi download chúng ta phải add bộ thư biện vào project để sử dụng. gồm :

Coding4Fun.Phone.Controls.Toolkit.dll

Coding4Fun.Phone.Controls.dll

Coding4Fun.Phone.Site.Controls.dll

– Để sử dụng Control trong Xaml chung ta phải khai báo thư viện:

   1: xmlns:Controls="clr-namespace:Coding4Fun.Phone.Controls;assembly=Coding4Fun.Phone.Controls"

   2: xmlns:c4fToolkit="clr-namespace:Coding4Fun.Phone.Controls.Toolkit;assembly=Coding4Fun.Phone.Controls.Toolkit"

– Tiếp theo mình sẽ Demo một số Control cơ bản nhé :

About Prompt

50-2

   1: private void About_Click(object sender, RoutedEventArgs e)

   2: {

   3:     var about = new AboutPrompt();

   4:     about.Completed += about_Completed;

   5:     about.Show();

   6: }

AboutPersonItem

50-9

   1: <Controls:AboutPersonItem

   2:                     WebSiteUrl="www.twitter.com/clintrutkas"

   3:                     AuthorName="Clint Rutkas"

   4:                     EmailAddress="foo@bar.com"

   5:                     Role="me" />

Buttons

50-10

   1: <Controls:RoundButton

   2:                     HorizontalAlignment="Center"

   3:                     Click="RoundButton_Click"

   4:                     ImagePath="/Coding4Fun.Phone.TestApplication;component/Media/icons/{0}/appbar.check.rest.png" />

   5:                 <Controls:RoundButton

   6:                     HorizontalAlignment="Center"

   7:                     Content="With Text"

   8:                     Click="RoundButton_Click"

   9:                     ImagePath="/Coding4Fun.Phone.TestApplication;component/Media/icons/{0}/appbar.check.rest.png" />

10:

  11:                 <TextBlock>Round Toggle Button</TextBlock>

  12:                 <Controls:RoundToggleButton

  13:                     HorizontalAlignment="Center"

  14:                     ImagePath="/Coding4Fun.Phone.TestApplication;component/Media/icons/{0}/appbar.check.rest.png" />

  15:                 <Controls:RoundToggleButton

  16:                     HorizontalAlignment="Center"

  17:                     Content="With Text"

  18:                     ImagePath="/Coding4Fun.Phone.TestApplication;component/Media/icons/{0}/appbar.check.rest.png" />

Input Prompt

50-4

   1: private void Input_Click(object sender, RoutedEventArgs e)

   2: {

   3:     var input = new InputPrompt();

   4:     input.Completed += input_Completed;

   5:     input.Title = "Basic Input";

   6:     input.Message = "I'm a basic input prompt";

   7:     input.Show();

   8: }

Memory Counter

50-11

   1: <Controls:MemoryCounter />

Overlays

50-6 50-5

   1: <Controls:ProgressOverlay Name="progressOverlay" >

   2:     <Controls:ProgressOverlay.Content>

   3:         <TextBlock>Loading</TextBlock>

   4:     </Controls:ProgressOverlay.Content>

   5: </Controls:ProgressOverlay>

Progress bar

50-7 50-8

   1: <Controls:PerformanceProgressBar  Name="ToggleProgressBar" />

TimeSpan Picker

Để dùng TimeSpan Picker thì các bạn nhớ khai báo thư viện nhé :

   1: xmlns:c4fToolkit="clr-namespace:Coding4Fun.Phone.Controls.Toolkit;assembly=Coding4Fun.Phone.Controls.Toolkit"

50-0

50-1

   1: <c4fToolkit:TimeSpanPicker

   2:                     Max="{Binding TimeSpan2Hour}"

   3:                     Step="{Binding TimeSpan10Min}"/>

Vậy là chúng ta đã đi qua tổng quan về Code4fun rồi. Chi tiết từng Control mình sẽ post ở những bài tiếp theo trong Series Code4Fun

Hy vọng bài viết sẽ mang đến thông tin hữu ích cho các bạn.

Pham Nguyen