Lập trình WordPress Hosting Thủ thuật Tin học Môn học
LẬP TRÌNH XAMARIN
Xamarin là gì? Tìm hiểu Xamarin - Một giải pháp đa nền tảng Tổng quan về Xamarin Forms
CÁC CHỦ ĐỀ
C# căn bản
Bài tập C#
ADO.NET
Windows Form
Lập trình Xamarin
BÀI MỚI NHẤT
c language jpg Các kiểu dữ liệu trong C ( int - float - double - char ...) thuat toan va giai thuat gif Thuật toán tìm ước chung lớn nhất trong C/C++ thuat toan va giai thuat gif Thuật toán tính lũy thừa nhanh trong C/C++ hoc c plus plus gif Cấu trúc lệnh switch case trong C++ (có bài tập thực hành) winform jpg ComboBox - ListBox trong lập trình C# winforms python gif Random trong Python: Tạo số random ngẫu nhiên lenh cin va cout trong c 2B 2B gif Lệnh cin và cout trong C++ winform jpg Cách kết nối SQL Server trong C# Winforms
MỚI CẬP NHẬT
codeigniter gif Cách khai báo biến trong PHP, các loại biến thường gặp cai dat vertrigo server gif Download và cài đặt Vertrigo Server hoc html gif Thẻ li trong HTML hoc html gif Thẻ nav trong HTML5 tim hieu doi tuong article trong html5 gif Thẻ article trong HTML5 tao template html5 dau tien gif Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên dung the img trong html de tao hinh anh gif Cách dùng thẻ img trong HTML và các thuộc tính của img dung the a trong html de tao links gif Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng
Home > Học C# > Lập trình Xamarin > Tổng quan về Xamarin Forms

Tổng quan về Xamarin Forms

1. Giới thiệu về Xamarin Forms

Xamarin Forms cho phép các nhà phát triển phần mềm xây dựng các ứng dụng di động đa nền tảng sử dụng các thành phần giao diện cơ bản của hệ điều hành như: Pages, Layouts, Views, Controls. Khi chạy chương trình, mỗi thành phần giao diện của Xamarin Forms sẽ được chuyển hóa sang các thành phần giao diện tương ứng với mỗi nền tảng. Chúng ta cùng tìm hiểu các thành phần cơ bản của Xamarin Forms nhé.

test php

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

2. Các thành phần cơ bản trong Xamarin Forms

Pages

Các pages trong Xamarin Forms đại diện cho các màn hình của ứng dụng, Một page chứa các layouts và views giúp hiển thị dữ liệu và nhận tương tác từ người dùng.

xamarin page structure png

Một Page trong Xamarin Forms đại diện cho một View Controller trong iOS hay một Page trong Windows Phone/UWP hoặc một Activity trong Android. Xamarin có các kiểu Page như sau:

Bài viết này được đăng tại [free tuts .net]

xamarin forms pages png

Kiểu Pages Mô tả chi tiết
Content Page Chứa một view đơn giản
MasterDetail Page Một page mà chứa 2 thành phần. Thông thường, thành phần Master sẽ là menu và thành phần Detail là nội dung
Navigation Page Một page mà chứa thanh điều hướng (Navigation bar). Page được giữ trong bộ nhớ ngăn xếp (stack) và có thể chuyển từ page này sang page khác. Thanh điều hướng có thể có nút điều hướng và tiêu đề của page.
Tabbed Page Một trang mà chưa nhiều Content Page và được điều hướng bằng các nhấn vào các Tab.
Carousel Page Một trang mà chưa nhiều Content Page và được điều hướng bằng cử chỉ vuốt sang ngang.

Views

Xamarin View là một thành phần được hiển thị trên giao diện dười dùng như là các nhãn (Labels), nút bấm (Buttons), ô nhập ký tự (Entry). Các thành phần Views cơ bản như hình sau:

xamarin forms views png

Xamarin Form Views có thể căn chỉnh chiều ngang và chiều dọc bằng cách sử dụng thuộc tính VerticalOptions và HrizontalOptions.

xamarin forms views alignment png

Layouts

Layouts là thành phần chứa các Views trong Xamarin, các View được đặt trong Layout một cách có cấu trúc.

xamarin layouts png

Kiểu Layouts Mô tả chi tiết
StackLayout Nó tổ chức các Views theo cấu trúc ngăn xếp (stack), có thể theo chiều dọc hoặc ngang. Các Views trong StackLayout có thể thay đổi kích thước khoảng cách trong layout  bằng cách sử dụng layout options
AbsoluteLayout Kích thước và vị trí của các thành phần con trong AbsoluteLayout tỉ lệ với kích thước và vị trí của nó hoặc được đặt các giá trị cố định. Các View con có thể được đặt kích thước và vị trí sử dụng tỉ lệ hoặc các giá trị tĩnh, tỉ lệ và các giá trị tĩnh này có thể cùng được kết hợp.
RelativeLayout Nó được sử dụng để đặt vị trí và kích thước các views có liên quan đến các thuộc tính của layout hoặc các view bên cạnh. 
Grid Gid hỗ trợ sắp xếp các View theo hàng và cột. Hàng và cột có thể được đặt kích thước theo tỉ lệ hoặc giá trị cố định. Grid không nên dùng để thay thế một bảng (table).
ScrollView Chứa các Layouts và cho phép cuộn khi nội dung vượt quá kích thước màn hình, Nó cho phép các Views tự động di chuyển lên dùng nhìn thấy của màn hình khi bàn phím được hiển thị.

Cells

Xamarin Forms Cells là các thành phần được sử dụng để tùy biến các mục của một danh sách hiển thị. Chúng mô tả chính xác mỗi mục của một danh sách được hiển thị như thế nào. Cells được sử dụng trong ListViews và TableViews.

xamarin forms cells png

Kiểu Cells Mô tả chi tiết
EntryCell Là một cell chứa một nhãn hiển thị nội dung dạng chữ (text).
SwitchCell Như là một Switch control nhưng có thêm một nhãn hiển thị trước nó.
TextCell Là một cell chứa cả một đoạn chữ cơ bản (primary) và một đoạn chữ bổ sung (secondary).
ImageCell Hiển thị giống TextCell nhưng có thêm một Image trước đó bằng cách đặt thuộc tính Source.

3. Kết luận

Trên đây là các thành phần giao diện phần cơ bản trong Xamarin Forms. Từ các thành phần này, bạn đã có thể bắt tay xây dựng ứng dụng đầu tiên. Hi vọng bạn đã có thời gian bổ ích với bài viết này. Hãy đọc bài kế tiếp để biết cách cài đặt công cụ cho việc viết ứng dụng Xamarin đầu tiên nhé. Hẹn gặp lại.

Bài trước Bài sau

Cùng chuyên mục:

Memento Design Pattern trong C# - Cách triển khai và ví dụ

Memento Design Pattern trong C# - Cách triển khai và ví dụ

Interpreter Design Pattern trong C# - Cách triển khai và ví dụ

Interpreter Design Pattern trong C# - Cách triển khai và ví dụ

Strategy Design Pattern trong C# - Cách triển khai và ví dụ

Strategy Design Pattern trong C# - Cách triển khai và ví dụ

Visitor Design Pattern trong C# - Cách triển khai và ví dụ

Visitor Design Pattern trong C# - Cách triển khai và ví dụ

Command Design Pattern trong C# - Cách triển khai và ví dụ

Command Design Pattern trong C# - Cách triển khai và ví dụ

Observer Design Pattern trong C# - Cách triển khai và ví dụ

Observer Design Pattern trong C# - Cách triển khai và ví dụ

Iterator Design Pattern trong C# - Cách triển khai và ví dụ

Iterator Design Pattern trong C# - Cách triển khai và ví dụ

Proxy Design Pattern trong C# - Cách triển khai và ví dụ

Proxy Design Pattern trong C# - Cách triển khai và ví dụ

Composite Design Pattern trong C# - Cách triển khai và ví dụ

Composite Design Pattern trong C# - Cách triển khai và ví dụ

Bridge Design Pattern trong C# - Cách triển khai và ví dụ

Bridge Design Pattern trong C# - Cách triển khai và ví dụ

Decorator Design Pattern trong C# - Cách triển khai và ví dụ

Decorator Design Pattern trong C# - Cách triển khai và ví dụ

Facade Design Pattern trong C# - Cách triển khai và ví dụ

Facade Design Pattern trong C# - Cách triển khai và ví dụ

Adapter Design Pattern trong C# - Cách triển khai và ví dụ

Adapter Design Pattern trong C# - Cách triển khai và ví dụ

Singleton Design Pattern trong C# - Cách triển khai và ví dụ

Singleton Design Pattern trong C# - Cách triển khai và ví dụ

Prototype Design Pattern trong C# - Cách triển khai và ví dụ

Prototype Design Pattern trong C# - Cách triển khai và ví dụ

Builder Design Pattern trong C# - Cách triển khai và ví dụ

Builder Design Pattern trong C# - Cách triển khai và ví dụ

Tự viết ứng dụng quản lý xe ra vào C# Winforms và Firebase

Tự viết ứng dụng quản lý xe ra vào C# Winforms và Firebase

Trong bài viết này Freetuts chia sẽ cho các bạn một ứng dụng khá thú…

Factory Design Pattern trong C# - Cách triển khai và ví dụ

Factory Design Pattern trong C# - Cách triển khai và ví dụ

Chúng ta sẽ tìm hiểu về Factory Design Pattern trong C# là gì? Cách triển…

Hướng dẫn giải phương trình bậc hai trong C#

Hướng dẫn giải phương trình bậc hai trong C#

Giải phương trình bậc nhất ax + b = 0 trong C#

Giải phương trình bậc nhất ax + b = 0 trong C#

Giới thiệu

Giới thiệu Liên hệ Chính sách Điều khoản

Thủ thuật

Máy tính Game Điện thoại Ứng dụng

Link hay

Học PHP Học Javascript Học Python Học Java

Liên kết

Tiếng Anh Văn học Toán
Copyright © 2021. Phát triển bởi Freetuts Team.
Top