Cách điều hướng giữa các trang trong một dự án Xamarin
Ứng dụng của bạn có nhiều trang? Tìm hiểu cách điều hướng giữa các trang bằng cách sử dụng trình kích hoạt sự kiện.
Xamarin là một nền tảng phần mềm được sử dụng để phát triển điện thoại di động đa nền tảng. Bạn có thể sử dụng nó để tạo ứng dụng trên iOS, Android, Windows, v.v. Bạn có thể tạo một dự án Xamarin mới bằng Visual Studio và điền vào ứng dụng của mình bằng cách thêm nội dung, tiện ích và các chức năng khác.
Khi bạn tạo một ứng dụng di động mới, ứng dụng của bạn có thể yêu cầu một số trang. Trong trường hợp này, ứng dụng cũng sẽ cần chức năng cần thiết để người dùng điều hướng giữa các trang này.
Mục Lục
Cách thiết lập một dự án Xamarin
Để bắt đầu, hãy tạo một dự án Xamarin mới. Khi bạn tạo một ứng dụng mới, sẽ có một trang chính mặc định được gọi là Trang chính.xaml được lưu trữ trong dự án Xamarin chính thư mục. Các Trang chính.xaml trang hoạt động như màn hình bắt đầu của bạn khi bạn khởi chạy ứng dụng lần đầu tiên.
Trang này cũng chứa một MainPage.xaml.cs tệp, nơi bạn có thể viết logic lập trình của mình bằng C #. Các nền tảng khác có thể sử dụng các ngôn ngữ trò chơi phát triển di động khác có thể hữu ích để bạn học hỏi.
- Hướng đến Trang chính.xaml và mở nó.
- bên trong MainPage.xaml , sửa đổi mã mặc định. Thay thế nội dung của StackLayout Phần tử giao diện người dùng có nhãn mới:
<StackLayout Padding = "50">
<Label Text = "My New Mobile Application"
HorizontalOptions = "Center"
VerticalOptions = "CenterAndExpand"
FontAttributes = "Bold, Italic"
FontSize = "24"
TextColor = "Black" />
</StackLayout> - Ở đầu cửa sổ Visual Studio, nhấp vào nút phát màu xanh lục để chạy ứng dụng trong trình giả lập.
- Chờ dự án biên dịch trước khi trình giả lập khởi chạy.
Cách thêm trang thứ hai vào dự án Xamarin
Hiện tại, dự án Xamarin của bạn chỉ có một trang. Để tạo một trang mới, hãy thêm một trang mới xaml tập tin và điền vào nó một số nội dung.
- Trong Giải pháp Explorer, nhấp chuột phải vào dự án. Lựa chọn cộngvà nhấp vào Vật phẩm mới.
- Lựa chọn Trang nội dung từ Xamarin.Forms thể loại. Đặt tên cho tệp mới SecondPage.xamlvà nhấp vào cộng.
- Bạn sẽ thấy trang mới xuất hiện trong Trình khám phá giải pháp và sẽ được tạo thành từ cả hai xaml tập tin và một xaml.cs tập tin. Các xaml tệp sẽ bao gồm các phần tử và tiện ích giao diện người dùng, và xaml.cs tệp sẽ bao gồm logic và chức năng mã khác.
- Mở SecondPage.xaml tệp này sẽ chứa một số mã mặc định. Trong StackLayout Phần tử giao diện người dùng, thay thế nhãn hiện tại bằng nhãn có nội dung “Trang thứ hai”.
<StackLayout>
<Label Text="Second Page"
FontSize="42"
VerticalOptions="CenterAndExpand"
HorizontalOptions="CenterAndExpand" />
</StackLayout>
Cách điều hướng đến trang thứ hai từ trang chính
Để điều hướng đến trang thứ hai, hãy thêm một nút sẽ kích hoạt ứng dụng điều hướng đến trang đó.
- Mở MainPage.xaml.
- Thêm một phần tử giao diện người dùng nút. Thêm nút mới bên dưới nhãn.
<Button Text = "Navigate To Second Page"
x:Name = "Button1"
BackgroundColor = "#2196F3"
TextColor = "WhiteSmoke"
HeightRequest = "50" /> - Mở MainPage.xaml.csvà tạo một hàm có tên Hướng đến(). Bên trong hàm, sử dụng Navigation.PushAsync chức năng để điều hướng đến trang mới. Bạn sẽ cần thêm đối tượng trang mới làm đối số.
async void NavigateTo(object sender, EventArgs e)
{
Navigation.PushAsync(new SecondPage());
} - Quay trở lại MainPage.xaml. Thêm mới Hướng đến() chức năng trong Đã nhấp thuộc tính. Thao tác này sẽ kích hoạt chức năng chạy khi người dùng nhấn nút.
<Button Text = "Navigate To Second Page"
x:Name = "Button1"
Clicked = "NavigateTo"
BackgroundColor = "#2196F3"
TextColor = "WhiteSmoke"
HeightRequest = "50" /> - Ở đầu cửa sổ Visual Studio, nhấp vào nút phát màu xanh lục để khởi chạy ứng dụng bằng trình mô phỏng.
- Bấm vào nút trên trang chính. Bạn sẽ thấy ứng dụng điều hướng đến trang thứ hai.
Tạo ứng dụng di động bằng Xamarin
Xamarin là một công cụ mã nguồn mở mà bạn có thể sử dụng để phát triển các ứng dụng di động trên iOS, Android, Windows, v.v. Bạn có thể tạo một dự án Xamarin mới bằng Visual Studio, điền ứng dụng và thêm nhiều trang.
Để thêm nhiều trang, hãy tạo các trang nội dung mới và điền nội dung vào chúng. Bạn cũng có thể sử dụng các sự kiện khi nhấp chuột hoặc các sự kiện khác để kích hoạt ứng dụng điều hướng đến trang mới.
Có rất nhiều thứ liên quan đến việc xây dựng một ứng dụng di động, vì vậy điều quan trọng là bạn phải hiểu các nguyên tắc cơ bản trong khi bắt đầu. Khám phá một số khóa học tuyệt vời có sẵn để bạn học hỏi.