Silverlight - Bắt đầu
Trong chương này, chúng ta sẽ xem xét một ví dụ hoạt động của Silverlight. Chúng ta cần hai thứ -
Đầu tiên, chúng tôi yêu cầu một trang web. Silverlight dành cho các ứng dụng internet phong phú, Nó được thiết kế để chạy bên trong trình duyệt web như một phần của trang web. Trang cần kết hợp một thẻ phù hợp để tải trình cắm Silverlight. Nó cũng có thể bao gồm logic để phát hiện xem Silverlight đã được cài đặt hay chưa và có thể cung cấp một số giao diện người dùng dự phòng khi nó vắng mặt.
Điều thứ hai chúng ta cần là nội dung Silverlight. Hướng dẫn này sẽ tập trung vào mô hình lập trình .NET cho Silverlight. Chúng tôi sẽ tạo một ứng dụng Silverlight đã biên dịch có chứa hỗn hợp XAML, ngôn ngữ giả lập mà chúng tôi sử dụng để xác định giao diện người dùng Silverlight và mã .NET được viết bằng C #.
Tạo một trang web
Cách dễ nhất để bắt đầu sử dụng Silverlight là tạo một trang web bình thường với các trang HTML và không có mã phía máy chủ. Chúng ta hãy xem một ví dụ rất đơn giản.
Step 1 - Mở Visual Studio. Nhấn vàoFile menu, trỏ tới New và sau đó nhấp vào Project.
Step 2 - A New Projecthộp thoại sẽ mở ra. DướiTemplates, lựa chọn Visual C# và sau đó click Silverlight. Trong ngăn bên phải, chọn Ứng dụng Silverlight.
Nhập tên dự án và vị trí trên ổ cứng để lưu dự án của bạn, sau đó nhấp vào OK để tạo dự án.
Bản thân dự án Silverlight sẽ chỉ xây dựng nội dung Silverlight và nội dung đó chỉ là một nội dung trong số nhiều nội dung sẽ tạo nên toàn bộ ứng dụng web.
Nhấp chuột OK.
Step 3 - Kiểm tra Host the Silverlight application checkbox. Mặc định là một Dự án Ứng dụng Web ASP.NET.
Step 4- MS-Visual Studio đã tạo hai dự án, dự án Silverlight và một ứng dụng web ASP.NET. Bây giờ, chúng ta cần một ứng dụng web ASP.NET. Bạn có thể thấy điều này trongSolution Explorer cửa sổ như hình dưới đây.
Bất cứ thứ gì có thể phân phát nội dung qua HTTP đều sẽ làm được nhưng đây là Visual Studiovà nó hiểu công nghệ web ASP.NET, vì vậy đó là những gì nó mang lại cho chúng ta.
Để chứng minh rằng Silverlight không phụ thuộc vào bất kỳ công nghệ phía máy chủ cụ thể nào, hãy để chúng tôi xóa .aspx , chỉ để lại tệp HTML tĩnh đơn giản.
Step 5- Nhấp chuột phải vào FirstExampleTestpage.aspx. Từ danh sách các tùy chọn, hãy nhấp vàoDelete.
Step 6 - Bộ FirstExampleTestPage.html như là Start trang.
Các MainPage.xamltệp xác định giao diện người dùng cho nội dung Silverlight. Bạn có thể viết mã XAML trực tiếp hoặc bạn cũng có thể sử dụngToolbox để kéo và thả các phần tử giao diện người dùng khác nhau.
Step 7 - Dưới đây là một mã đơn giản trong MainPage.xaml trong đó một Button và một TextBlock được định nghĩa bên trong StackPanel.
<UserControl x:Class = "FirstExample.MainPage"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable = "d"
d:DesignHeight = "300" d:DesignWidth = "400">
<Grid x:Name = "LayoutRoot" Background = "White">
<StackPanel>
<TextBlock x:Name = "TextMessage"
Text = "Hello World!"
Margin = "5">
</TextBlock>
<Button x:Name = "ClickMe"
Click = "ClickMe_Click"
Content = "Click Me!"
Margin = "5">
</Button>
</StackPanel>
</Grid>
</UserControl>
Step 8 - Ví dụ này giả định rằng bạn đã tạo một phương thức xử lý sự kiện có tên ClickMe_Click. Đây là những gì nó trông giống như trongMainPage.xaml.cs tập tin.
using System.Windows;
using System.Windows.Controls;
namespace FirstExample {
public partial class MainPage : UserControl {
public MainPage() {
InitializeComponent();
}
private void ClickMe_Click(object sender, RoutedEventArgs e) {
TextMessage.Text = "Congratulations! you have created your first Silverlight Applicatoin";
}
}
}
Step 9 - Ứng dụng Silverlight có thể chạy trên mọi trình duyệt đã cài đặt.
Step 10 - Khi đoạn mã trên được biên dịch và thực thi, bạn sẽ thấy trang web sau.
Step 11 - Bây giờ, khi bạn nhấp vào Click Me , nó sẽ cập nhật văn bản trong TextBlock như hình bên dưới.
Chúng tôi khuyên bạn nên thực hiện ví dụ trên bằng cách thêm một số phần tử giao diện người dùng khác.