Cách tạo ứng dụng cho Windows Phone. Phát triển ứng dụng đầu tiên cho Windows Phone: Tạo ứng dụng đầu tiên

Trong hộp thoại Visual Studio của Dự án mới, chọn Visual C #, Silverlight cho Windows Phone và một mẫu ứng dụng ứng dụng Windows Phone đơn giản và gọi nó là ExploringXamlFeatures.

Trong hộp thoại Lựa chọn hệ điều hành mục tiêu, chọn Windows Phone OS 7.1

Sau khi tạo một dự án, cửa sổ Visual Studio sẽ xuất hiện sau đây.

Xem xét cấu trúc dự án trong cửa sổ Giải pháp Explorer:

Tên tập tin. Mục đích
Appmanifest.xml.Các tệp kê khai cần thiết để tạo tệp XAP trong đó ứng dụng để triển khai trên điện thoại là gói.
Hội đồng.cs.Một tệp cấu hình khác trong đó một số siêu dữ liệu lắp ráp chính (lắp ráp) được xác định.
Wmappmanifest.xml.Tệp siêu dữ liệu có chứa nhiều cài đặt ứng dụng: tiêu đề, công việc của trang đầu tiên, đường dẫn đến các biểu tượng, xác định các khả năng hệ thống cần thiết, v.v.
App.xaml.Đây là một tập tin tài nguyên ứng dụng. Tài nguyên toàn cầu được đặt tại đây (điều này sẽ được thảo luận khi sử dụng các phong cách) hoặc các sự kiện toàn cầu (xảy ra khi bắt đầu ứng dụng). Tệp này cũng là một điểm nhập ứng dụng.
App.xaml.cs.Tệp mã (mã phía sau) cho app.xaml. Tại đây bạn có thể xử lý các sự kiện và lỗi của cấp ứng dụng, bao gồm cả Tombstoning của nó. Khái niệm này sẽ được thảo luận sau này khi đa nhiệm sẽ được xem xét.
Applicticon.png.Hình ảnh sẽ là một biểu tượng ứng dụng trong điện thoại. Đây là một tệp thực sự quan trọng, vì đây là lần đầu tiên gặp người dùng khi làm việc với ứng dụng.
Background.png.Bức ảnh này được sử dụng khi ứng dụng được cố định trên màn hình bắt đầu của điện thoại (màn hình bắt đầu). Trong thực tế, nó là một biểu tượng ứng dụng lớn. Nó là hợp lý để làm cho nó trực quan tương tự như applicationicon.png.
MainPage.xaml.Đây là một phần của mẫu ứng dụng đã chọn. Tên Mainpaige không thành công lắm, nhưng nó được sử dụng bởi mẫu dự án mặc định. Trang này đại diện cho giao diện mà người dùng nhìn thấy khi ứng dụng bắt đầu.
Mainpage.xaml.cs.Tệp trang MainPage.xaml.
SplashScreenImage.jpg.Hình ảnh này được hiển thị trong quá trình khởi động + ứng dụng. Bạn có thể đặt hình ảnh của mình với hình ảnh động để thông báo rằng ứng dụng được tải. Có một kỹ thuật để tạo các trang khởi động rất năng động trên XNA, nhưng nó vượt xa chu kỳ bài viết này.

Tệp XAML xác định giao diện ứng dụng. Trong thực tế, nó chỉ đơn giản là các tệp XML với ngôn ngữ đánh dấu XAML.

Mặc dù dự án đơn giản nhất, nó chứa tất cả các yếu tố chính có chứa tất cả các mẫu và loại dự án khác.

Xin lưu ý rằng một phần của cài đặt được trình bày dưới dạng tệp cấu hình có thể được chỉnh sửa trong giao diện trực quan để chỉnh sửa cài đặt ứng dụng.

Thêm các điều khiển vào trang XAML

Xin lưu ý rằng Visual Studio hiển thị cả thiết kế và mã trang XAML.

Nếu bạn chuyển sang xem các tệp giải pháp khác, bấm đúp vào tệp MainPage.xaml.

Trong mã tệp XAML MainPage.xaml bên trong phần tử lưới có tên ContentPanel chèn nút điều khiển:

Trong cửa sổ thiết kế, nút sẽ xuất hiện cùng một lúc ở giữa giao diện. Thu hút sự chú ý đến thuộc tính Tên.? Đây là một định danh duy nhất của một yếu tố giúp tham chiếu nó trong mã. Xem xét điều khiển thuộc tính id này. Bây giờ hãy thêm bất kỳ hành động nào khi bạn nhấp vào nút này. Có hai cách để liên kết một sự kiện với nút nút (hoặc bất kỳ điều khiển nào khác). Trong XAML, ngay trong định nghĩa về nút, bạn có thể thêm thuộc tính nhấp chuột và hệ thống Intelisense sẽ tự động hỏi liệu chúng ta có muốn tạo trình xử lý sự kiện mới không:

Bạn có thể liên kết một trình xử lý sự kiện trực tiếp trong mã trang Home.xaml.cs mà không chỉ định nó trong tệp XAML:

MainPage Public () (initizecomponent (); mybutton.click + \u003d New RoutedEventHandler (myButton_click);)

Cả hai cách làm việc. Bạn có thể sử dụng bất kỳ trong số họ. Để đơn giản hóa, định nghĩa của phương thức trong XAML sẽ được sử dụng ở đây. Bây giờ trong hàm mybutton_click, bạn có thể viết mã được quản lý sẽ thay đổi giao diện hoặc gây ra các chức năng khác. Hoàn thành ví dụ của chúng tôi về ứng dụng bằng cách thêm một mã sẽ thay đổi văn bản trong TextBlock Pagetitle (Pagetitle tên, vì vậy bạn có thể tham khảo nó trực tiếp trong mã) trên "hi wp7". Để làm cho việc này thêm mã sau vào hàm:

Private Void mybutton_click (người gửi đối tượng, định tuyếnedeventargs e) (pagetitle.text \u003d "hi wp7";)

Chọn trong Cài đặt dự án Trình giả lập thiết bị Windows

Và khởi chạy ứng dụng bằng cách nhấp vào Tam giác xanh hoặc Copp F5. Sau khi bắt đầu ứng dụng và nhấp vào nút "Nhấp vào tôi", chế độ xem màn hình phải là hình ảnh màn hình tương tự bên dưới:

Thêm trang mới vào dự án

Chỉ có ứng dụng đơn giản nhất bao gồm một trang. Chúng tôi muốn tìm hiểu cách viết các ứng dụng nhiều trang phức tạp. Chúng ta có thể sử dụng Pivot, Panorama Mẫu, chúng ta có thể sử dụng mẫu thiết kế MVVM (Model-ViewModel) và trước tiên hãy học cách thêm các trang mới vào dự án và di chuyển chúng giữa chúng.

Trong cửa sổ Giải pháp Explorer, nhấp chuột phải vào tên dự án và trong menu được hiển thị Chọn, thêm, theo mục mới, trong cửa sổ mở ra, chọn trang Chân dung Windows Phone và gọi nó là secondpage.xaml:

Bây giờ chúng ta có một trang XAML trống, một bản sao chính xác của trang MainPage.xaml trước khi chúng tôi đã được chỉnh sửa.

Để phân biệt tốt hơn các trang, chúng tôi chuyển sang mã XAML của trang SecondPage và phần tử TextBlock với tên Pagetitle Chỉnh sửa thuộc tính Văn bản, như được hiển thị bên dưới:

Điều hướng giữa các trang ứng dụng

Vì vậy, chúng tôi có hai trang trong dự án, trang MainPage.xaml được hiển thị khi bạn khởi động ứng dụng. Làm cách nào để đi từ trang MainPage.xaml đến secondpage.xaml?

Hãy thử hai cách đơn giản để làm điều đó.

Trong Mã tệp XAML MainPage.xaml sau khi mã nút được thêm vào, hãy thêm mã HyperLinkButton, như được hiển thị bên dưới: