Xamarin.Forms
Xamarin.Formas Células

EntryCell

Un EntryCell es una celda que combina las capacidades de una etiqueta y una entrada. El EntryCell puede ser útil en escenarios cuando se construye alguna funcionalidad dentro de su aplicación para recopilar datos del usuario. Se pueden colocar fácilmente en un TableView y ser tratados como un formulario simple.

XAML

<EntryCell Label="Type Something"
Placeholder="Here"/>

Código

var entryCell = new EntryCell {
Label = "Type Something",
Placeholder = "Here"
};

SwitchCell

Un SwitchCell es una celda que combina las capacidades de una etiqueta y un interruptor de encendido y apagado. Un SwitchCell puede ser útil para activar y desactivar la funcionalidad, o incluso las preferencias de usuario u opciones de configuración.

XAML

<SwitchCell Text="Switch It Up!" />

Código

var switchCell = new SwitchCell {
Text = "Switch It Up!"
};

TextCell

Un TextCell es una celda que tiene dos áreas de texto separadas para mostrar datos. Un TextCell se usa normalmente con fines informativos en los controles TableView y ListView. Las dos áreas de texto están alineadas verticalmente para maximizar el espacio dentro de la celda. Este tipo de celda también se usa comúnmente para mostrar datos jerárquicos, por lo que cuando el usuario toca esta celda, navegará a otra página.

XAML

<TextCell Text="I am primary"
TextColor="Red"
Detail="I am secondary"
DetailColor="Blue"/>

Código

var textCell = new TextCell {
Text = "I am primary",
TextColor = Color.Red,
Detail = "I am secondary",
DetailColor = Color.Blue
};

ImageCell

Un ImageCell es exactamente lo que suena. Es una simple celda que contiene solo una imagen. Este control funciona de manera muy similar a un control de imagen normal, pero con menos campanas y silbidos.

XAML

<ImageCell ImageSource="http://d2g29cya9iq7ip.cloudfront.net/content/imag
es/company/aboutus-video-bg.png?v=25072014072745")),
 Text="This is some text"
 Detail="This is some detail" />

Código

var imageCell = new ImageCell {
ImageSource = ImageSource.FromUri(new Uri("http://d2g29cya9iq7ip.clou
109
dfront.net/content/images/company/aboutus-videobg.png?v=25072014072745")),
 Text = "This is some text",
 Detail = "This is some detail"
};

ViewCell

Usted puede considerar a un ViewCell una pizarra en blanco. Es tu lienzo personal crear una celda que se vea exactamente como la quieres. Incluso puede componerlo de instancias de otros objetos de Vista combinados con controles de Diseño. Sólo estás limitado por tu imaginación. Y tal vez el tamaño de la pantalla.

XAML

<ViewCell>
<ViewCell.View>
<StackLayout>
<Button Text="My Button"/>

<Label Text="My Label"/>
<Entry Text="And some other stuff"/>
</StackLayout>
</ViewCell.View>
</ViewCell>

Código

var button = new Button { Text = "My Button" };
var label = new Label { Text = "My Label" };
var entry = new Entry { Text ="And some other stuff" };
var viewCell = new ViewCell {
View = new StackLayout {
Children = { button, label, entry }
}
};