Template 10 (Universal Windows)


Để tạo nhanh ứng dụng Universal Windows (10) mà không cần bắt đầu từ zero, ta sẽ sử dụng template 10. Với template này code của project sẽ theo bố cục khoa học đã định, bạn có thể sử dụng template trống hoặc sẵn có 1 số component của ứng dụng.

Để build ứng dụng windows 10 hoặc windows 10 mobile, bạn cần chuẩn bị hệ điều hành Windows 10, Visual Studio 2015. Bắt đầu thôi!

A. Cài đặt Template 10

– Khởi động Visual Studio: Sau đó chọn TOOLS – -> Extensions and Updates… – -> Online
– Bấm tổ hợp phím Ctrl+E, hoặc nhấp chuột vào ô search ở trên cùng bên phải của hộp thoại mới xuất hiện.
– Gõ vào: “Template 10“, chờ load nội dung và ta thấy, chọn vào  “Template 10 Template Pack“, chọn Download và chờ thiết đặt.
– Sau khi tải xong, để kiểm tra chúng ta làm bước đầu và chọn Installed – -> Templates, lúc này template 10 đã xuất hiện và thành công.

B. Tạo project 

– Từ Start Page, chọn FILE trên thanh menu –> New –>Project
– Tại hộp thoại New Project, Chọn Installed–>Templates–>Visual C#-->Windows–>Universial.
– Lúc này, phía trên cùng ta thấy 3 template với logo tròn viền đỏ có số 10, dựa vào nhu cầu của ứng dụng bạn sẽ chọn để tạo project theo template đó. Ở đây mình chọn Hamburger (Template 10), thiết đặt các thông tin source code như Name, Location, Solution name và chọn OK là xong.
template10

Xuất hiện hộp thoại “New Universal Windows Project” Chọn Target Version/Minimum Version tùy thích => OK

Sau khi tạo thành công project, nhấn tổ hợp phím Ctrl+Q, gõ vào: “pac man” chọn “NuGet Package Manager -> General”
template10-2

Tại hộp thoại ta chọn như hình, nhấp OK:
template10-3

Tiếp theo, chuột phải vào Solution–>Clean Solution, sau khi thành công ra chuột phải lần nữa vào Solution –> Rebuild Solution. Hoàn tất.

Tới đây bạn click chuột trái vào Project, và click nút refesh là trong mục References sẽ xuất hiện Template 10
template10-4

Nếu kết quả không như hình dưới, hoặc gặp lỗi nào đó, bạn hãy Uninstall Template 10 và cài đặt lại theo các bước đã hướng dẫn, cách này là chủ quan nhưng khá hữu dụng.
template10-5

Lúc này nếu thư mục References có Template 10, bạn chạy thử Project, nếu không xảy ra lỗi gì nữa thì bạn đã thành công và bắt đầu viết ứng dụng của riêng mình nhé. À, lúc mình thực hiện có xuất hiện lỗi XCOPY và mình có post câu hỏi và đã tự trả lời theo cách trên (link)

C. Tài liệu tham khảo:
Getting Started with Template 10
Template 10 Documentation
Develop UWP apps

Chúng ta dừng ở đây, nếu bạn có câu hỏi nào thì hãy để lại ở cuối trang nha 🙂


Cảm ơn bạn đã theo dõi blog.
Nhiều ngày tốt lành!

Advertisements

Cho mình biết cảm nhận của bạn nhé

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s