El documento describe las páginas, vistas y controles en Xamarin.Forms, incluyendo la clase abstracta Page y sus derivados como ContentPage y MasterDetailPage. También se explora cómo los controles visuales, como Button y Label, se construyen y se manejan a través de eventos en diferentes plataformas. Se menciona el uso de renderers para transformar views en controles específicos de cada sistema operativo.

1. Explorando los
controles de
Xamarin.Forms

2. Pages Views
Layouts Cells

3. Páginas(Pages)
ContentPage
❖ Page es un clase abstracta usada para definir el contenido de
una pantalla.
Muestra una
sola pieza de
contenido

4. Páginas(Pages)
Content MasterDetailPage
❖ Page es un clase abstracta usada para definir el contenido de
una pantalla.
Maneja dos
piezas de
información

5. ❖ Page es un clase abstracta usada para definir el contenido de
una pantalla.
Páginas(Pages)
Content Master Detail Navigation
Maneja un stack
de paginas con
una barra de
navegación

6. ❖ Page es un clase abstracta usada para definir el contenido de
una pantalla.
Páginas(Pages)
Content Master Detail Navigation Tabbed
Maneja paginas y
su navigación
usando pestañas

7. ❖ View es la clase base para todos los controles
visuals.
Vistas (Views)
Label Image SearchBar
Entry ProgressBar ActivityIndicator
Button Slider OpenGLView
Editor Stepper WebView
DatePicker Switch ListView
BoxView TimePicker
Frame Picker

8. ❖ Button provee una superficie clickable con
texto (y hasta una imagen).
Vistas - Button
GO
var goButton = new Button() {
Text = "GO"
};
okButton.Clicked += OnClick;
void OnClick(object sender, EventArgs e) {
...
}

9. Vistas - Label
❖ Usamos un Label para mostrar bloques de
texto de solo lectura.
Hello, Forms!
var hello = new Label() {
Text = "Hello, Forms!",
HorizontalTextAlignment = TextAlignment.Center,
TextColor = Color.Blue,
FontFamily = "Arial"
};

10. ❖ Usamos un Entry si quieres que el usuario nos provea datos.
Vistas - Entry
Hello
var edit = new Entry() {
Keyboard = Keyboard.Text,
PlaceholderText = "Enter Text"
};

11. ❖ Cada plataforma define un renderer para transformer cada view en el
control apropiado para cada plataforma específica.
¿Cómo funcionan los controles de Forms?
var button = new Button {
Text = "Click Me!"
};
La UI definida usando Xamarin.Forms Button
Android.Widget.Button
UIKit.UIButton
Windows.UI.Xaml.Controls.Button

12. Ajustes visuales
❖ Vistas utilizan propiedades para ajustar la apariencia y comportamiento.
var numEntry = new Entry {
Placeholder = "Enter Number",
Keyboard = Keyboard.Numeric
};
var callButton = new Button {
Text = "Call",
BackgroundColor = Color.Blue,
TextColor = Color.White
};

13. ❖ Los controles usan eventos para proveer comportamiento a las
interacciones.
Proveer comportamiento
var numEntry = new Entry { ... };
numEntry.TextChanged += OnTextChanged;
...
void OnTextChanged (object sender, string newValue)
{
...
}
You can use traditional delegates, anonymous methods, or lambdas to handle events