Trong phần cuối của loạt phát triển ứng dụng Mango Mango của Windows Phone 7.5, chúng ta đã thấy cách điều hướng giữa các trang XAML trong khi trong hướng dẫn này, chúng ta sẽ xem xét thanh ứng dụng.
Thanh ứng dụng tương tự như một menu. Nó có các biểu tượng ở trên cùng mà chỉ cần nhìn qua phía dưới và một nút dấu chấm lửng mà khi nhấp vào hiển thị một số tùy chọn menu văn bản. Chúng tôi có thể sử dụng các tùy chọn này để thực hiện một số thao tác trên trang XAML hiện tại hoặc điều hướng người dùng đến một khu vực hoàn toàn mới của ứng dụng của chúng tôi. Những điều tốt đẹp về thanh ứng dụng là nó vẫn chủ yếu là ẩn và không can thiệp vào giao diện người dùng cơ bản của ứng dụng.
Hãy tiếp tục và làm việc với một ví dụ trực tiếp.
Tạo một dự án Windows Phone 7.5 mới với một tên duy nhất; một cái gì đó như "ApplicationBarDemo". Tiếp theo chúng ta nhấn chuột phải vào tên dự án trong cửa sổ Solution Explorer và chọn Add từ menu. Chọn Thư mục mới từ trình đơn phụ và đặt tên cho thư mục mới được tạo là "Biểu tượng". Thư mục biểu tượng sẽ lưu trữ các biểu tượng sẽ được hiển thị trong thanh ứng dụng. Bây giờ điều hướng đến "C: Program Files Microsoft SDK Windows Phone v7.0 Icons dark" và kéo và thả các biểu tượng (dấu cộng và dấu trừ) trong thư mục Biểu tượng của dự án của bạn để chúng trở thành một phần của dự án của bạn. Thay đổi thuộc tính Build Action của mỗi biểu tượng từ Resource thành Content.
ApplicationBarIconButton IconUri = "/ Hình ảnh / appbar.minus.rest.png" Text = "Remove" Click = "ApplicationBarIconButton_Click" />
ApplicationBarIconButton IconUri =”/ Images / appbar.new.rest.png” Văn bản =”Thêm” Nhấp =”ApplicationBarIconButton_Click_1 ″ />
ApplicationBarIconButton IconUri = "/ Hình ảnh / appbar.minus.rest.png" Text = "Remove" Click = "ApplicationBarIconButton_Click" />
ApplicationBarIconButton IconUri =”/ Images / appbar.new.rest.png” Văn bản =”Thêm” Nhấp =”ApplicationBarIconButton_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 1 ″ Nhấn =” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 2 ″ Nhấn =” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 3 ″ Nhấn =” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 4 ″ Nhấn =” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 5 ″ Nhấn =” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 6 ″ Nhấn =” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 7 ″ Nhấn =” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 8 ″ Nhấn =” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 9 ″ Nhấn =” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 10 ″ Nhấn =” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 11 ″ Nhấn =” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 12 ″ Nhấn =” ApplicationBarMenuItem_Click_1 ″ />
Thanh ứng dụng có thể chứa bốn nút biểu tượng ở số lượng tối đa và không giới hạn số mục menu văn bản.
Hãy xem mã XAML cho mã biểu tượng của thanh ứng dụng
ApplicationBarIconButton IconUri = "/ Hình ảnh / appbar.minus.rest.png" Text = "Remove" Click = "ApplicationBarIconButton_Click" />
Mỗi nút biểu tượng thanh ứng dụng chứa một số thuộc tính. Thuộc tính IconUri được sử dụng để đặt uri cho biểu tượng. Thuộc tính văn bản đặt văn bản thu nhỏ được hiển thị bên dưới biểu tượng. Sự kiện nhấp chuột giúp chúng tôi xác định chức năng được thực hiện khi biểu tượng được nhấp.
Tương tự, mục menu thanh ứng dụng có chứa một số thuộc tính và sự kiện. Chúng tôi sẽ không đi vào chi tiết đó vì hướng dẫn này dành cho người mới bắt đầu, bạn có thể tìm hiểu thêm về nó trên trang web MSDN. Bây giờ, hãy xem cách sử dụng canvas làm hộp thoại.
Bài viết liên quan:
- Hướng dẫn sử dụng Windows Phone 8: Tạo nút tùy chỉnh trong Expression Blend-I
- Điều hướng giữa các trang XAML: Hướng dẫn phát triển ứng dụng Windows Phone - Phần 21
- Hướng dẫn sử dụng Windows Phone 4: Thiết kế giao diện người dùng
- GPS, API vị trí và dịch vụ web gọi điện: Hướng dẫn phát triển ứng dụng Windows Phone - 25
- Hiểu XAML: Phát triển ứng dụng Windows Phone Turorial - Phần 15
