Văn phòng

ĐIều hướng giữa các trang XAML: Windows Phone 7.5 Phát triển ứng dụng Mango - Phần 21

РетроВзгляд: Nokia Lumia 830 и Windows Phone в 2020

РетроВзгляд: Nokia Lumia 830 и Windows Phone в 2020
Anonim

Chào mừng trở lại chuỗi phát triển ứng dụng Mango của Windows Phone 7.5. Trong hướng dẫn trước, chúng tôi nói cách áp dụng kiểu dáng 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 ứng dụng Silverlight giống như khi chúng tôi tải HTML các trang trong 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 một ứ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 một 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ổ Add New Item chọn `Windows Phone Portrait page`, đặt tên cho nó như Page1.xaml và sau đó nhấn nút Add ở phía dưới. Đ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 Tiêu đề trang TextBlock. 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 đây

/NavigationDemo;component/Views/Page1.xaml

Bây giờ hãy chạy ứng dụng và nhấp 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.

Bây giờ để gửi thông tin từ trang này sang trang khác, chúng tôi sử dụng Chuỗi truy vấn. Vì vậy, hãy xem xét một URL như www.abcxyz.com/images.aspx?id=3&language=en. Ở đây mọi thứ sau dấu chấm hỏi được gọi là chuỗi truy vấn. Bạn có thể nhận thấy rằng chúng ta có hai cặp giá trị tên, viz., Id = 3 và languae = vi. Dấu và cho phép chúng ta thêm các thông tin khác nhau, trong trường hợp này là id và ngôn ngữ.

Vì vậy, bây giờ trong phần tiếp theo của dự án, chúng ta 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 để cung cấp cho chúng tôi quyền 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úng tôi chạy ứng dụng, chúng tôi 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 sau đây = 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

ngay 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.