Xamarin.Forms Diseños

Descarga del ejemplo

Los diseños se usan para componer controles de interfaz de usuario en estructuras visuales.

Las Layout clases y de son Layout<T>Xamarin.Forms subtipos especializados de vistas que actúan como contenedores para vistas y otros diseños. La Layout propia clase se deriva de View . Normalmente, Layout un derivado contiene lógica para establecer la posición y el tamaño de los elementos secundarios en las Xamarin.Forms aplicaciones.

Clase de intervalo de de Xamarin.Forms= Tipos de diseño" data-linktype="relative-path">Xamarin.Forms Layout Types" title=" Xamarin.Forms Layout Types" data-linktype="relative-path"/>

Las clases que derivan Layout de se pueden dividir en dos categorías:

Diseños con contenido único

Estas clases derivan de , que define Layout Xamarin_Forms Layout _Layout_Padding" data-linktype="absolute-path">Padding and Xamarin_Forms _Layout_IsClippedToBounds" data-linktype="absolute-path">IsClippedToBounds properties:

Tipo	Descripción	Aspecto
ContentView	ContentViewcontiene un único elemento secundario que se establece con la Xamarin_Forms ContentView _ContentView_Content" data-linktype="absolute-path">Content propiedad. La Content propiedad se puede establecer en cualquier View derivado, Layout incluidos otros derivados. ContentView se usa principalmente como elemento estructural y actúa como una clase base para Frame . Documentación de APIGuíaMuestra	ejemplo de Código de C# para esta páginaPágina XAML
Frame	La Frame clase deriva de y muestra un ContentView borde, o marco, alrededor de su elemento secundario. La clase tiene un valor predeterminado Frame de Xamarin_Forms Frame _Layout_Padding" data-linktype="absolute-path">value of 20, y también define Padding Xamarin_Forms _Frame_BorderColor" data-linktype="absolute-path">BorderColor , Xamarin_Forms Padding _Frame_CornerRadius" data-linktype="absolute-path">CornerRadius y Xamarin_Forms _Frame_HasShadow" data-linktype="absolute-path">HasShadow properties. Documentación de APIGuíaMuestra	marco Código de C# para esta páginaPágina XAML
ScrollView	ScrollView es capaz de desplazar su contenido. Establezca la propiedad Xamarin_Forms _ScrollView_Content" data-linktype="absolute-path">en una vista o diseño demasiado grande para caber Content en la pantalla. (El contenido de es ScrollView muy a menudo un StackLayout ). Establezca la propiedad Xamarin_Forms _ScrollView_Orientation" data-linktype="absolute-path">para indicar si el desplazamiento debe ser vertical, horizontal o Orientation ambos. Documentación de APIGuíaMuestra	de Código de C# para esta páginaPágina XAML
TemplatedView	TemplatedView muestra contenido con una plantilla de control y es la clase base para ContentView . Documentación de APIGuía
ContentPresenter	ContentPresenter es un administrador de diseño para vistas con plantilla, que se usa dentro de para marcar dónde aparece el contenido que ControlTemplate se va a presentar. Documentación de APIGuía

Diseños con varios elementos secundarios

Estas clases derivan de Layout<View> :

Tipo	Descripción	Aspecto
StackLayout	StackLayoutcoloca los elementos secundarios en una pila horizontal o verticalmente en función de la propiedad Xamarin_Forms StackLayout _StackLayout_Orientation" data-linktype="absolute-path">. Orientation La Xamarin_Forms _StackLayout_Spacing" data-linktype="absolute-path">rige el espaciado entre los secundarios y tiene un valor predeterminado Spacing de 6. Documentación de APIGuíaMuestra	Código de C# para esta páginaPágina XAML
Grid	Grid coloca sus elementos secundarios en una cuadrícula de filas y columnas. La posición de un elemento secundario se indica mediante las propiedades adjuntas , , y ColumnRowSpanColumnSpan . Documentación de APIGuíaMuestra	de cuadrículaejemplo Código de C# para esta páginaPágina XAML
AbsoluteLayout	AbsoluteLayout coloca los elementos secundarios en ubicaciones específicas con respecto a su elemento primario. La posición de un elemento secundario se indica mediante las propiedades adjuntas y LayoutFlags . Es AbsoluteLayout útil para animar las posiciones de las vistas. Documentación de APIGuíaMuestra	de Código de C# para esta páginaPágina XAML con código subyacente
RelativeLayout	RelativeLayout coloca los elementos secundarios en relación con RelativeLayout el propio o con sus elementos del mismo nivel. La posición de un elemento secundario se indica mediante las propiedades adjuntas que se establecen en objetos de tipo y BoundsConstraint . Documentación de APIGuíaMuestra	ejemplo Código de C# para esta páginaPágina XAML
FlexLayout	FlexLayoutse basa en el módulo de FlexLayoutcuadro de CSS, conocido normalmente como diseño flexible o flex-box. FlexLayout define seis propiedades enlazables y cinco propiedades enlazables adjuntas que permiten apilar o ajustar los secundarios con muchas opciones de alineación y orientación. Documentación de APIGuíaMuestra	Código de C# para esta páginaPágina XAML

Vínculos relacionados

• Xamarin.Forms FormsGallery sample
• Xamarin.Forms " data-linktype="absolute-path">Xamarin.Forms Samples
• Xamarin.Forms API Documentation