/ / Diseño fluido XAML de la aplicación Metro [duplicado] - c #, xaml, windows-runtime, winrt-xaml

XAML Fluid layout of Metro application [duplicate] - c #, xaml, windows-runtime, winrt-xaml

Posible duplicado:
WPF - Margen en porcentaje

Programando una aplicación Metro simple usando C #y XAML. Tengo una imagen de fondo y la imagen de fondo se llena toda la pantalla, para una resolución independiente. Pero ahora, quiero colocar algunos botones y se posicionan con margen. Pero esta solución no es la independencia de resolución.

¿Hay alguna forma de colocar elementos con independencia de resolución? ¿Algo así como el margen de porcentaje en CSS?

Gracias por tu ayuda.

Respuestas

0 para la respuesta № 1

Una solución es usar anchos de columna en estrella y alturas de columna en Grid.ColumnDefinitions / RowDefinitions, por lo que lo haría así:

<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition
Width="5*" />
<ColumnDefinition
Width="4*" />
<ColumnDefinition /> <!-- 1* is the default -->
</Grid.ColumnDefinitions>
<TextBlock
Text="Percentage aligned text in column 0 (default)" />
<TextBlock
Text="Percentage aligned text in column 2"
Grid.Column="1" />
</Grid>

La alternativa es diseñarlo a un ancho / alto específico y colocarlo dentro de un control Viewbox que lo estirará a las dimensiones disponibles.

*EDITAR

Escribí una publicación de blog sobre diseño que también podría ayudarte.

http://blog.safaribooksonline.com/2012/10/13/layout-and-formatting-with-windows-8-xaml-development/