Chào mừng bạn quay lại chuỗi phát triển Ứng dụng Mango trên Windows Phone 7.5. Trong hướng dẫn cuối cùng, chúng tôi nói cách áp dụng kiểu và chủ đề cho các điều khiển, trong hướng dẫn này, chúng ta sẽ thấy một cách điều hướng giữa các trang và chuyển dữ liệu từ trang này sang trang khác.
Chúng tôi tải các trang XAML trong các ứng dụng Silverlight giống như khi chúng tôi tải các trang HTML trong một trình duyệt web. Như trong trang web, mỗi trang web có URL duy nhất của riêng nó (Trình định vị tài nguyên thống nhất), ví dụ www.thewindowsclub.com. Trong ứng dụng Windows Phone 7.5, chúng tôi sử dụng nút điều khiển nút siêu liên kết và sử dụng thuộc tính NavigateURI của nó với URI (Mã định danh tài nguyên thống nhất) của trang XAML mà bạn muốn tải. Hãy bắt đầu với một ví dụ.
Tạo một dự án mới với tên duy nhất như ‘NavigationDemo’. Tiếp theo, nhấn chuột phải vào tên dự án trong trình thám hiểm giải pháp và chọn Add và sau đó là New Item. Trong cửa sổ Thêm mục mới, chọn 'Trang Chân dung của Windows Phone', đặt tên cho nó như Page1.xaml và sau đó nhấp vào nút Thêm ở dưới cùng. Điều này sẽ tạo một trang mới được hiển thị trong một tab riêng biệt trong khu vực thiết kế chính. Chỉ để rõ ràng, thay đổi tiêu đề trang của trang mới thành 'Trang mới' bằng cách thay đổi thuộc tính Văn bản của TextBlock của Tiêu đề Trang. Tiếp theo trong tab MainPage.xaml kéo và thả một nút siêu liên kết trong khu vực thiết kế. Bây giờ thay đổi thuộc tính NavigateUri trong cửa sổ Properties cho nút Hyperlink. Chèn chuỗi sau
/NavigationDemo;component/Views/Page1.xaml
Bây giờ hãy chạy ứng dụng và nhấn vào nút siêu liên kết được hiển thị trong trình mô phỏng. Bạn sẽ được điều hướng đến Page1.xaml từ MainPage.xaml.
Vì vậy, bây giờ trong tiếp tục dự án của chúng tôi, chúng tôi sẽ kéo và thả một TextBlock trên trang Page1.xaml. Xóa thuộc tính TextBlock.Text và chèn mã C # sau vào sự kiện PhoneApplicationPage_Loaded.
textBlock1.Text = String.Format ("Giá trị: {0}", NavigationContext.QueryString ["id"]);
Vì vậy, trong dòng mã này, chúng tôi sử dụng NavigationContext cho phép chúng tôi truy cập vào URL, cụ thể là chuỗi truy vấn. Chúng tôi chỉ định mục mà chúng tôi muốn truy cập trong dấu ngoặc vuông.
Trước khi chạy ứng dụng, chúng ta sẽ thay đổi thuộc tính NavigateUri của nút siêu liên kết thành
/NavigationDemo;component/Views/Page1.xaml?id=1
Chúng tôi cũng sẽ kéo và thả một nút siêu kết nối khác trong MainPage.xaml và đặt thuộc tính navigationUri của nó thành
/NavigationDemo;component/Views/Page1.xaml?id=2
Bây giờ khi bạn chạy ứng dụng và nhấn vào một nút siêu liên kết trong trình giả lập, chúng ta sẽ có thể thấy giá trị của id được truyền từ MainPage.xaml. Đó là cách điều hướng dễ dàng giữa các trang nằm trong Ứng dụng Windows Phone 7. Tiếp tục thực hành nó cho đến khi bạn làm đúng. Bây giờ, hãy tìm hiểu về cách làm việc với Thanh ứng dụng.