Cambiar automáticamente el tamaño de un elemento en tiempo de ejecución
Cuando se cambia el tamaño de un elemento, puede que no se obtenga el resultado que se espera si no se han establecido correctamente las propiedades en Diseño en el panel Propiedades. Las propiedades que afectan al tamaño de un elemento son el ancho, el alto, la alineación y las propiedades de margen. Por ejemplo, si desea que un elemento cambie de tamaño automáticamente en tiempo de ejecución cuando se modifique el tamaño de la ventana de la aplicación, debe establecer las propiedades Width y Height en Automático, seleccionar los valores que desee para HorizontalAlignment y VerticalAlignment, y ajustar el tamaño con las propiedades Margin.
Para cambiar automáticamente el tamaño de un elemento en tiempo de ejecución
En la mesa de trabajo o en Objetosyescala de tiempo, en el panel Interacción, haga clic en el elemento cuyo tamaño desee cambiar para seleccionarlo.
En Diseño en el panel Propiedades, haga clic en el botón Automático
.png "Cc295141.aa9ec064-22f8-4b62-9eed-3f4772362d22(es-es,Expression.10).png")
. Como alternativa, haga clic en el marcador Opciones avanzadas de la propiedad.png "Cc295141.d6ba8f4a-b8a2-445a-af0b-a267dfade6e1(es-es,Expression.10).png")
junto a las propiedades Width y Height, y haga clic en Automático.[!NOTA]
Cuando se establece el ancho y el alto de un elemento en Automático, el elemento puede reducir su tamaño hasta que se cambien las propiedades de margen para ajustar los lados del elemento hacia los bordes del elemento contenedor.
Las propiedades siguientes que se enumeran en Width y Height dependen del tipo de panel de diseño que contenga el elemento. Por ejemplo, si el elemento primario es un panel de diseño Grid, verá propiedades Row, RowSpan, Column y ColumnSpan. Si el elemento primario es Canvas, verá propiedades Left y Top. Puede establecer estas propiedades para determinar la posición del elemento en el panel de diseño.
[!NOTA]
Si el elemento primario es un panel de diseño StackPanel, los elementos secundarios no tendrán propiedades adicionales en Width y Height porque el diseño está determinado por la propiedad Orientation de StackPanel y todos los elementos secundarios se apilan en el orden indicado en Objetos y escala de tiempo.
En Diseño en el panel Propiedades, haga clic en los siguientes botones para establecer las propiedades HorizontalAlignment y VerticalAlignment:
Left
.png "Cc295141.1e3c2891-633d-4162-a3bd-d5ac53046b56(es-es,Expression.10).png")
Center
.png "Cc295141.02978741-8e12-476d-afa7-165b613ea515(es-es,Expression.10).png")
Right
.png "Cc295141.c0d22c24-ad68-4355-b8f2-d6a373deaf8e(es-es,Expression.10).png")
Stretch
.png "Cc295141.90aa9534-0480-4a7f-b992-1af23c71ea9c(es-es,Expression.10).png")
Por último, establezca las propiedades Margin para determinar la distancia desde los lados del elemento contenedor a la que desea que se muestre el elemento.
[!NOTA]
Estos valores de margen permanecerán estáticos. Es decir, si el tamaño de la ventana de la aplicación se reduce lo suficiente, el elemento desaparecerá por completo. Puede impedir que el elemento desaparezca si establece las propiedades de ancho mínimo y alto mínimo. En Diseño en el panel Propiedades, haga clic en el botón Mostrar propiedades avanzadas
.png "Cc295141.81e110f1-4068-4299-957d-0693cea95088(es-es,Expression.10).png")
y, a continuación, especifique valores en las propiedades MinWidth y MinHeight.