Hello World Với Windows Phone 8

Windows Phone là một trong những nền tảng di động phổ biến nhất hiện nay. Bài viết này sẽ hướng dẫn viết chương trình đầu tiên trên Windows Phone 8.

Khởi tạo Project

Sau khi khởi động chương trình Visual Studio, tạo một project mới bằng một trong những cách sau:

• Bấm chọn New Project trên Start Page.
• File → New Project.
• Bấm tổ hợp phím Ctrl + Shift + N.

Đặt lại tên và chọn thư mục chứa Project rồi nhấn OK.

Trong hộp thoại New Windows Phone Application hiện ra, chọn Windows Phone OS 8.0.

Tuỳ chọn Windows Phone OS 7.1 sẽ giúp xây dựng chương trình hoạt động được trên các thiết bị Windows Phone 7 lẫn Windows Phone 8. Sau khi thực hiện các bước trên, cửa sổ chương trình sẽ có dạng như sau:

Toolbox

Toolbox là một thanh công cụ trực quan, giúp xây dựng ứng dụng bằng các thao tác kéo thả đơn giản.

Trên Toolbox có rất nhiều công cụ khác nhau hỗ trợ xây dựng ứng dụng dễ dàng và hiệu quả. Bài viết giới thiệu 3 công cụ cơ bản là TextBlock, TextBox và Button.

• TextBlock: hiển thị text và không cho phép chỉnh sửa dữ liệu.
• TextBox: hiển thị và cho phép chỉnh sửa dữ liệu.
• Button: công cụ điều khiển, cho phép tương tác với ứng dụng.

Sơ lược về XAML Code

Mỗi công cụ (tool) trong Toolbox đều được thể hiện thông qua các tag. 

Một số tag thường sử dụng:

• Name: nếu xem mỗi tool là một kiểu dữ liệu thì thẻ name chính là tên của tool đó. Tên này giúp tương tác với tool trong coding.
• Text: lưu trữ và hiển thị dữ liệu dạng chuỗi ký tự.
• Background: tuỳ chỉnh màu nền cho TextBox, TextBlock, Button, …
• BorderBrush: tuỳ chỉnh màu viền của TextBox, TextBlock, Button, …
• Foreground: tuỳ chỉnh màu chữ.
• TextAlignment: canh lề chuỗi ký tự.
• Click: tên của Button. Khi click chuột, chương trình sẽ gọi hàm có tên được lưu trong thẻ Click và thực thi nó.
• Content: tương tự như thẻ Text, đây là nội dung sẽ được hiển thị trong Button.

Xây dựng chương trình

Xây dựng chương trình Hello World trên Windows Phone 8.0.

Thiết kế giao diện chương trình

<TextBlock HorizontalAlignment="Left" Margin="34,28,0,0" TextWrapping="Wrap"
			Text="What is your name?" VerticalAlignment="Top"
			Width="285" Style="{StaticResource PhoneTextTitle2Style}"/>
<TextBox Name="name" HorizontalAlignment="Left" Height="75" Margin="0,70,0,0"
			TextWrapping="Wrap" VerticalAlignment="Top"
			Width="300" Background="Black" BorderBrush="Azure"/>
<Button Content="Say Hello" HorizontalAlignment="Left" Margin="305,70,0,0"
			VerticalAlignment="Top" Width="150" Click="SayHello"
			Background="DarkViolet" Foreground="Snow"/>
<TextBlock Name="Greeting" HorizontalAlignment="Center" Margin="30,145,32,0"
			TextWrapping="Wrap" VerticalAlignment="Top"
			Width="394" Height="120" TextAlignment="Center"
			Style="{StaticResource PhoneTextTitle2Style}"/>

Tạo sự kiện

Nếu chạy chương trình lúc này, sau khi nhập họ tên vẫn không có gì đặc biệt xuất hiện. Chưa tạo đoạn mã thực thi khi click vào button.

Để tạo mã thực thi cho button, double click vào button. Chương trình sẽ tự động chuyển sang hàm tương ứng được viết bằng mã C#.

Tạo chuỗi lưu trữ nội dung lời chào và tên người dùng. Có nhiều cách để hiện thực, bài viết sử dụng string để lưu trữ Text cho TextBlock hiển thị lời chào.

private void SayHello(object sender, RoutedEventArgs e)
{
            string str = name.Text;
            Greeting.Text = "Hello " + str + "!" + "\nWelcome to Stdio";
}

Kết quả

Demo code

STDIO_HELLOWORLD_WP8.zip.