Compartir a través de


Extensiones de FlexLayout

Las extensiones FlexLayout proporcionan una serie de métodos de extensión que admiten el posicionamiento de un View en un FlexLayout.

Las extensiones ofrecen los métodos siguientes:

AlignSelf

El método de extensión AlignSelf permite establecer cómo se alinea un View en FlexLayout en el eje cruzado. Al establecer esta propiedad, se invalida la propiedad AlignItems establecida en el propio FlexLayout primario. Para obtener más información, consulte la documentación de Microsoft.

En el ejemplo siguiente se establece el AlignSelfProperty de un Label en FlexAlignSelf.Stretch:

new Label().AlignSelf(FlexAlignSelf.Stretch);

Basis

El método de extensión Basis permite establecer la cantidad de espacio asignado a un View en FlexLayout en el eje principal. El tamaño se puede especificar en unidades independientes del dispositivo, como un porcentaje del tamaño del FlexLayout o en función del ancho o alto solicitados del View. Para obtener más información, consulte la documentación de Microsoft.

En el ejemplo siguiente se establece el BasisProperty de un Label en new FlexBasis(50)

new Label().Basis(50);

Hay una sobrecarga adicional para Basis que acepta tanto float length como bool isRelative.

En el ejemplo siguiente se establece el BasisProperty de un Label en new FlexBasis(50, true):

new Label().Basis(50, true);

Crecer

El método de extensión Grow especifica la cantidad de espacio disponible que debe usar un View en FlexLayout en el eje principal. Para obtener más información, consulte la documentación de Microsoft.

En el ejemplo siguiente se establece el GrowProperty de un Label en 1f

new Label().Grow(1f);

compra

El método de extensión Order permite cambiar el orden en que se organizan los elementos secundarios de FlexLayout. Establecer esta propiedad invalida el orden en que aparece en la colección Children. Para obtener más información, consulte la documentación de Microsoft.

En el ejemplo siguiente se establece el OrderProperty de un Label en 1

new Label().Order(1);

Reducir

El método de extensión Shrink permite indicar a qué View de FlexLayout se da prioridad al mostrarse en sus tamaños completos cuando el tamaño agregado de Children es mayor que en el eje principal. Para obtener más información, consulte la documentación de Microsoft.

En el ejemplo siguiente se establece el ShrinkProperty de un Label en 0f

new Label().Shrink(0f);

API

Puede encontrar el código fuente de los método de extensión de FlexLayout en el repositorio de GitHub del Kit de herramientas de la comunidad de .NET MAUI.