WPF - Xin chào thế giới

Trong chương này, chúng tôi sẽ phát triển một ứng dụng Hello World WPF đơn giản. Vì vậy, hãy bắt đầu thực hiện đơn giản bằng cách làm theo các bước dưới đây.

  • Bấm vào tùy chọn menu Tệp> Mới> Dự án.
  • Hộp thoại sau sẽ được hiển thị.
  • Trong Mẫu, chọn Visual C # và trong bảng điều khiển ở giữa, chọn Ứng dụng WPF.

  • Đặt tên cho dự án. KiểuHelloWorld trong trường tên và nhấp vào nút OK.

  • Theo mặc định, hai tệp được tạo, một tệp là XAML tệp (mainwindow.xaml) và tệp còn lại là CS tệp (mainwindow.cs)

  • Trên mainwindow.xaml, bạn sẽ thấy hai cửa sổ phụ, một cửa sổ là design window và cái kia là source (XAML) window.

  • Trong ứng dụng WPF, có hai cách để thiết kế giao diện người dùng cho ứng dụng của bạn. Một là chỉ cần kéo và thả các phần tử giao diện người dùng từ hộp công cụ vào Cửa sổ thiết kế. Cách thứ hai là thiết kế giao diện người dùng của bạn bằng cách viết thẻ XAML cho các phần tử giao diện người dùng. Visual Studio xử lý các thẻ XAML khi tính năng kéo và thả được sử dụng để thiết kế giao diện người dùng.

  • Trong tệp mainwindow.xaml, các thẻ XAML sau được viết theo mặc định.

<Window x:Class = "HelloWorld.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid> 
   </Grid> 
	
</Window>
  • Theo mặc định, Grid được đặt làm phần tử đầu tiên sau trang.
  • Hãy vào hộp công cụ và kéo một TextBlock vào cửa sổ thiết kế.
  • Bạn sẽ thấy TextBlock trên cửa sổ thiết kế.
  • Khi nhìn vào cửa sổ nguồn, bạn sẽ thấy Visual Studio đã tạo mã XAML của TextBlock cho bạn.

  • Hãy thay đổi thuộc tính Văn bản của TextBlock trong mã XAML từ TextBlock thành Hello World.

<Window x:Class = "HelloWorld.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid> 
      <TextBlock x:Name = "textBlock" HorizontalAlignment = "Left"
         Margin = "235,143,0,0" TextWrapping = "Wrap" Text = "Hello World!"
         VerticalAlignment = "Top" Height = "44" Width = "102" /> 
   </Grid> 
	
</Window>
  • Bây giờ, bạn cũng sẽ thấy sự thay đổi trên Cửa sổ thiết kế.

Khi đoạn mã trên được biên dịch và thực thi, bạn sẽ thấy cửa sổ sau.

Xin chúc mừng! Bạn đã thiết kế và tạo ứng dụng WPF đầu tiên của mình.