Cách tạo một dự án Xamarin và chạy nó trong một trình giả lập

Xamarin là một nền tảng cho phép bạn xây dựng các ứng dụng di động. Nó là mã nguồn mở và có sự hỗ trợ của cộng đồng từ các nhà phát triển và người dùng trên toàn thế giới.

Bạn có thể tạo ứng dụng di động trên nhiều nền tảng khác nhau, chẳng hạn như iOS, Android hoặc Windows. Giao diện người dùng cũng có thể dành riêng cho một nền tảng hoặc có thể chia sẻ trên các nền tảng, tùy thuộc vào việc bạn sử dụng Xamarin Native hay Xamarin Forms.

Visual Studio cho phép bạn tạo một dự án Xamarin mới và thêm nội dung của bạn vào ứng dụng di động của bạn. Sau đó, bạn có thể kiểm tra ứng dụng dành cho thiết bị di động của mình bằng cách chạy nó thông qua trình giả lập.

Xamarin Bản địa và Hình thức Xamarin là gì?

Xamarin Native bao gồm Xamarin iOS, Xamarin Windows hoặc Xamarin Android. Nó cho phép bạn xây dựng giao diện người dùng cho một nền tảng cụ thể.

Ví dụ: bạn chỉ có thể sử dụng một số thành phần giao diện người dùng trên Android và các thành phần giao diện người dùng khác chỉ trên iOS. Điều này là tuyệt vời nếu bạn muốn thiết kế tùy chỉnh cho các nền tảng khác nhau, nhưng có thể dẫn đến phát triển chậm hơn.

Mặt khác, Xamarin Forms cho phép bạn xây dựng các thành phần giao diện người dùng dùng chung mà bạn có thể sử dụng lại trên nhiều nền tảng. Điều này tốt cho các thành phần chung như nút hoặc hộp văn bản trông giống nhau trên tất cả các thiết bị. Điều này nói chung cũng dẫn đến sự phát triển nhanh hơn.

Microsoft hiện đang trong quá trình thay thế Xamarin bằng .NET MAUI (Giao diện người dùng ứng dụng đa dạng), như một phần của .NET 6. Theo Blog .NET của Microsoft, một trong những tính năng mới là khả năng sử dụng một dự án duy nhất, thay vì nhiều dự án trên nhiều nền tảng.

Cách tải xuống và cài đặt Mobile Development cho .NET

Để xây dựng một ứng dụng di động Microsoft Xamarin, bạn cần tải xuống và cài đặt Phát triển di động cho .NET trong Visual Studio. Điều này cung cấp cho bạn khả năng tạo các dự án Xamarin. Nó cũng đi kèm với một trình giả lập để kiểm tra ứng dụng di động của bạn trên PC.

1. Mở Trình cài đặt Visual Studio.
2. Chọn phiên bản Visual Studio bạn muốn sử dụng và nhấp vào Biến đổi.

3. Cuộn xuống danh mục Di động và Trò chơi. Lựa chọn Phát triển di động với .NET. Bạn có thể xem danh sách những gì điều này bao gồm trong bảng điều khiển bên phải.

4. Ở dưới cùng bên phải, hãy chọn Cài đặt trong khi tải xuốngvà nhấp vào Biến đổi. Chờ quá trình cài đặt hoàn tất.

Cách tạo một dự án Xamarin mới

Khi bạn đã cài đặt Phát triển di động với .NET, hãy mở Visual Studio và tạo một dự án Xamarin mới.

1. Ở đầu Visual Studio, hãy mở Tập tin chuyển hướng. Di chuột qua Mớivà chọn Dự án.
2. Sử dụng thanh tìm kiếm để tìm kiếm Xamarin. Cửa sổ sẽ hiển thị danh sách các dự án Xamarin mà bạn có thể tạo, bao gồm các dự án cho Xamarin Native hoặc Xamarin Forms.

3. Chọn Ứng dụng di động (Biểu mẫu Xamarin).
4. Chọn một Trống mẫu. Dưới Nền tảngchọn nền tảng bạn muốn xây dựng ứng dụng dành cho thiết bị di động của mình (có thể là cả Android và iOS).

Các thành phần cơ bản của một ứng dụng Xamarin

Theo mặc định, nhiều dự án tạo nên một ứng dụng Xamarin. Các XamarinProject lưu trữ các phần tử hoặc logic giao diện người dùng được chia sẻ. Nó chứa Trang chính.xaml tệp, nơi lưu trữ các phần tử giao diện người dùng được chia sẻ sẽ hoạt động cho cả thiết bị iOS và Android.

Các XamarinProject cũng chứa thư mục Phụ thuộc, nơi lưu trữ một số gói NuGet. Các gói NuGet này bao gồm các chức năng cần thiết để dự án Xamarin hoạt động.

Ngoài ra còn có hai dự án riêng biệt khác, mỗi dự án dành cho nền tảng Android và iOS. Nếu bạn đang chạy ứng dụng di động bằng Android, ứng dụng bắt đầu từ MainActivity.xaml tập tin. Nếu bạn đang chạy ứng dụng di động bằng iOS, ứng dụng bắt đầu từ Main.cs tập tin.

Cách thêm nội dung vào ứng dụng Xamarin của bạn

Thêm một số nội dung vào ứng dụng di động của bạn. Xamarin bao gồm một loạt các yếu tố tích hợp như nhãn, nút hoặc hộp mà bạn có thể sử dụng để xây dựng giao diện của mình.

Mỗi phần tử cũng có các thuộc tính, chẳng hạn như màu sắc, văn bản hoặc kiểu áp dụng khác. Cú pháp hơi giống với cách bạn tạo thẻ HTML. Ví dụ:

<Label Text = "Hello" />

bên trong MainPage.xaml sửa đổi mã để thêm một vài yếu tố giao diện người dùng cơ bản, chẳng hạn như nhãn và nút.

1. Thêm Nhãn trong phần tử StackLayout. Phần tử StackLayout cho phép bạn tổ chức các phần tử bên trong nó theo thứ tự, theo chiều dọc hoặc chiều ngang.

   <StackLayout Padding = "50">
   <Label Text = "My New Mobile Application"
   HorizontalOptions = "Center"
   VerticalOptions = "CenterAndExpand"
   FontAttributes = "Bold, Italic"
   FontSize = "24" 
   TextColor = "Black" />
   </StackLayout>

2. Bên dưới Nhãn và vẫn trong phần tử StackLayout, hãy thêm một Nút.

   <Button Text = "Button 1"
   x:Name = "Button1"
   Clicked = "ClickButton"
   BackgroundColor = "#2196F3"
   TextColor = "WhiteSmoke"
   HeightRequest = "50" />

3. Thêm một chức năng trong MainPage.xaml.csđiều đó sẽ thực thi khi bạn nhấp vào nút.

   async void ClickButton(object sender, EventArgs e)
   {
   // Change the text of the button when it is clicked on
   Button button = (Button)sender;
   button.Text = "The button was clicked!";
   }

Cách chạy ứng dụng Xamarin của bạn bằng Trình giả lập Android

Bạn có thể chạy ứng dụng Xamarin bằng trình giả lập mà bạn có thể chọn ở đầu thanh công cụ trong Visual Studio.

1. Ở đầu Visual Studio, nhấp vào menu thả xuống. Tại đây bạn có thể chọn nền tảng bạn muốn sử dụng. Lựa chọn XamarinProject.Android.
2. Nhấp vào nút phát màu xanh lá cây bên cạnh menu thả xuống, để khởi chạy ứng dụng dành cho thiết bị di động.

3. Nếu bạn đang sử dụng Windows và có Hyper-V, bạn có thể được yêu cầu bật Hyper V. Trong trường hợp này, hãy mở Bật hoặc tắt các Tính năng của Windowsvà chọn Hyper-V.

4. Khi trình giả lập khởi chạy, bạn có thể khám phá các chức năng có sẵn cho mình. Điều này bao gồm các chức năng di động tiêu chuẩn như bật hoặc tắt điện thoại của bạn. Bạn cũng có thể truy cập thông tin vị trí và di động, cảm biến ảo và các cài đặt bổ sung.

5. Chờ dự án Visual Studio hoàn thành xây dựng. Sau khi hoàn tất, màn hình di động trên trình giả lập sẽ thay đổi để hiển thị trang chính của ứng dụng di động của bạn.

6. Để kiểm tra ứng dụng của bạn bằng iOS, hãy thay đổi menu thả xuống để chọn iOS thay vì Android, sau đó nhấp lại vào nút phát màu xanh lục.

Tạo ứng dụng di động bằng Xamarin

Xamarin cho phép bạn xây dựng các ứng dụng Di động trên nhiều nền tảng, chẳng hạn như iOS, Android hoặc Windows. Nó cho phép bạn sử dụng các phần tử giao diện người dùng có thể tái sử dụng hoặc các phần tử giao diện người dùng mà bạn có thể chia sẻ trên nhiều nền tảng.

Khi bạn tạo một dự án Xamarin mới, bạn có thể thêm nội dung của mình vào các tệp xaml và C # có sẵn. Bạn cũng có thể kiểm tra ứng dụng di động của mình trông như thế nào bằng cách mở ứng dụng đó bằng trình giả lập.

Bạn có thể khám phá nhiều khóa học và tài nguyên để nâng cao kiến ​​thức về cách xây dựng ứng dụng di động. Điều này cũng bao gồm các khóa học phát triển cho các nền tảng cụ thể, chẳng hạn như phát triển Android hoặc iOS.