1. Giới thiệu
- Mã nguồn mở GitHub: https://github.com/AvaloniaUI/Avalonia/
- Hỗ trợ đa nền tảng bao gồm
Cửa sổ
、 hệ điều hành mac
、 Linux
、 iOS
、 Android
、 Samsung Tizen
(Được hỗ trợ sớm), Web Lắp Ráp
- hỗ trợ IDE,
Studio trực quan
hỗ trợ mở rộng, Người lái JetBrains
& Chia sẻ lại
ủng hộ
- dựa vào
.MẠNG LƯỚI
nền tảng
- hỗ trợ cộng đồng
-
VỚI
giao thức
2. Cài đặt tiện ích mở rộng Visual Studio
2.1 Studio mẫu Avalonia
Với tiện ích mở rộng này được cài đặt, bạn có thể nhanh chóng tạo các dự án Avalonia bằng cách sử dụng các mẫu dự án.
2.2 Avalonia cho Visual Studio
Có hai tiện ích mở rộng, một hỗ trợ phiên bản Visual Studio 2022 và một hỗ trợ phiên bản Visual Studio 2017/2019. Bạn có thể chọn cài đặt tiện ích mở rộng phù hợp với IDE của riêng mình theo phiên bản Visual Studio của riêng bạn. Cài đặt tiện ích mở rộng này có thể hỗ trợ thiết kế đồ họa như giao diện thiết kế WPF.
3. Phát triển
Sau khi cài đặt 2 tiện ích mở rộng trên, bạn có thể phát triển Avalonia bình thường.
3.1 Tạo dự án
Mở VS -> Tạo dự án mới -> Nhập Avalonia vào hộp nhập mẫu tìm kiếm. Vì chúng tôi chọn phát triển bằng ngôn ngữ C# nên chúng tôi có thể chọn mẫu dự án đầu tiên.
Chúng tôi xác định tên dự án là: FirstAvaloniaApp. Nhấp vào nút Tạo và một hộp thoại sẽ bật lên. Bước 1: Chọn dự án nền tảng nào chúng tôi chọn: Máy tính để bàn, Web, Android, iOS. nền tảng Windows. Bước thứ hai của các dự án trên bốn nền tảng này: Có hai khung MVVM được sử dụng, ReactiveUI và Community Toolkit. Bạn có thể chọn theo sở thích của mình. Ở đây chúng tôi chọn Bộ công cụ cộng đồng. : Biên soạn Ràng buộc, Hỗ trợ được nhúng, Hỗ trợ đồng cỏ, ở đây chúng tôi chọn Ràng buộc được biên dịch đầu tiên và hai Ràng buộc còn lại tạm thời không được chọn. Sau khi nhấp vào nút Tạo, dự án tương ứng sẽ được tạo tự động.
3.2 Cấu trúc dự án
Sau khi dự án được tạo, 5 dự án sẽ được tạo trong hộp thoại giải pháp. Cấu trúc dự án ở đây tương tự như xamarin.forms. Các dự án nền tảng khác nhau được sử dụng để biên dịch chương trình cho các nền tảng khác nhau. FirstAvaloniaApp.Android: Dự án Android FirstAvaloniaApp.Browser: Dự án WebAssembly FirstAvaloniaApp.Desktop: Dự án máy tính để bàn Windows FirstAvaloniaApp.iOS: dự án iOS Tại đây, chúng tôi đặt FirstAvaloniaApp.Desktop làm dự án khởi động. >Chạy. Như thể hiện trong hình bên dưới, một cửa sổ có điều khiển khối văn bản để hiển thị nội dung văn bản.
Về việc sử dụng các Ràng buộc đã biên dịch, Hỗ trợ nhúng và Hỗ trợ Meadow, bạn có thể nhấp vào Chi tiết để xem chi tiết.
3.3 Ứng dụng Avalonia đầu tiên
Cấu trúc dự án
Mở rộng FirstAvaloniaApp và bạn có thể thấy cấu trúc của toàn bộ dự án Tài sản: một số tệp tài nguyên được sử dụng trong dự án ViewModels: Xem các tệp mô hình, được sử dụng để liên kết với các tệp ViewModel tương ứng trong Chế độ xem: Xem các tệp, chủ yếu là các tệp kết thúc bằng axaml. .
Gói cập nhật nuget 3.4
Phiên bản thư viện lớp được sử dụng bởi các dự án được tạo bằng mẫu dự án có thể khác với phiên bản mới nhất. Trong trường hợp này, bạn có thể nhấp chuột phải vào "Giải pháp" -> "Quản lý gói giải pháp Nuget" để cập nhật gói. Tất cả các gói" và nhấp vào nút "Cập nhật".
KẾT THÚC
Bài viết này là phần mở đầu, hầu như không có mã hóa thủ công, chúng tôi sẽ thêm mã ở bài viết tiếp theo để triển khai một số chức năng! Cảm ơn! .
Cuối cùng, bài viết về xây dựng môi trường phát triển Avalonia (1) kết thúc tại đây. Nếu bạn muốn biết thêm về xây dựng môi trường phát triển Avalonia (1), vui lòng tìm kiếm các bài viết của CFSDN hoặc tiếp tục duyệt các bài viết liên quan. tương lai blog của tôi! .
Tôi là một lập trình viên xuất sắc, rất giỏi!