none
No entiendo como ajustar un Grid y los objetos todos a como quiero que se vean en mi aplicación ¿alguien puede ayudarme? RRS feed

  • Pregunta

  • Yo veo que lo mas complicado en este tipo de aplicaciones es el trabajo con los Grid y demas objetos la verdad el ajustar los anchos y altos y que se pongan los objetos donde uno quiera la verdad, es un dolor de cabeza y nunca esta exactamente como uno quiere, ¿alguien podria decirme como se ajusta en esta aplicacion exactamente el Grid? puedo poneros la parte del codigo que quiero ajustar y ya me decis como se hace porque llevo mucho tiempo intentandolo y no veo la forma de ajustarlo como yo quiero y la verdad el problema que tengo que tampoco me entero en las explicaciones que dan en la web oficial de Microsoft MSDN para resolver mis dudas, intento ajusta un Grid que esta dentro de un SplitView pero no consigo ajustarlo como quiero aqui tengo el codigo.

    ¿Podriais decirme recursos en español donde leer sobre este tema? lo mismo en MSDN pero tampoco encuentro exactamente algo donde expliquen como se ajusta eso exactamente, saludos.

    <Page
        x:Class="All_In_One_XAML.MainPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:All_In_One_XAML"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" Loaded="Page_Loaded" MinHeight="600" MinWidth="400">
    
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Pivot x:Name="PivotMain" Title="All in One" FontSize="24">
                <PivotItem Header="Web" Margin="10,0">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="33*"/>
                            <ColumnDefinition Width="254*"/>
                            <ColumnDefinition Width="42*"/>
                            <ColumnDefinition Width="51*"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="37*"/>
                            <RowDefinition Height="508*"/>
                        </Grid.RowDefinitions>
                        <Button  Style="{ThemeResource NavigationBackButtonNormalStyle}" Height="Auto" Width="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                        <WebView x:Name="WebViewNav" Grid.Row="1" Margin="0,10,0,0" Grid.ColumnSpan="4"/>
                        <TextBox x:Name="TextBoxWeb" TextWrapping="Wrap" Text="" KeyDown="TextBoxWeb_KeyDown" Grid.Column="1"/>
                        <Button x:Name="buttonRefresh" Content="&#xE72C;" FontFamily="Segoe MDL2 Assets" Grid.Column="2" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="37" MaxHeight="40" Foreground="Black" Background="#33FFFFFF" Click="buttonRefresh_Click"/>
                    </Grid>
                </PivotItem>
                <PivotItem Header="Calculator">
                    <Grid x:Name="GridCalcutor">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="33*"/>
                            <RowDefinition Height="512*"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="53*"/>
                            <ColumnDefinition Width="59*"/>
                        </Grid.ColumnDefinitions>
                        <SplitView x:Name="MySplitView" Grid.RowSpan="2" Margin="0,0,1,0">
                            <SplitView.Pane>
                                <Grid HorizontalAlignment="Left" Width="177">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="44*"/>
                                        <RowDefinition Height="501*"/>
                                    </Grid.RowDefinitions>
                                    <Button x:Name="BackButtonSplit" FontFamily="Segoe MDL2 Assets" Content="&#xE830;" 
                                                Width="44" Height="29" Background="Transparent" Margin="0,7,0,8" Click="BackButtonSplit_Click"/>
                                    <StackPanel Grid.Row="1" Margin="0,0,5,0">
                                        <TextBlock x:Name="TextBlockCalc" Text="Calculadora" FontSize="14.667" Height="29"/>
    
                                        <TextBlock x:Name="TextBlockCalcBasic" Text="Basica" FontSize="14.667" Height="29" PointerPressed="TextBlockCalcBasic_PointerPressed"/>
                                        <TextBlock x:Name="TextBlockCalcCientifica" Text="Cientifica" FontSize="14.667" Height="29"  PointerPressed="TextBlockCalcCientifica_PointerPressed"/>
                                    </StackPanel>
                                </Grid>
                            </SplitView.Pane>
                            <SplitView.Content>
                                <Grid HorizontalAlignment="Left" Width="158">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="45*"/>
                                        <RowDefinition Height="97*"/>
                                        <RowDefinition Height="403*"/>
                                    </Grid.RowDefinitions>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="47*"/>
                                            <ColumnDefinition Width="82*"/>
                                        </Grid.ColumnDefinitions>
                                        <Button x:Name="MenuButtonSplit" FontFamily="Segoe MDL2 Assets" Content="&#xE700;" 
                                                Width="44" Height="29" Background="Transparent" Click="MenuButtonSplit_Click" VerticalAlignment="Top"/>
                                        <TextBlock x:Name="textBlockCalculator" Grid.Column="1" HorizontalAlignment="Left" Margin="5,5,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="16"/>
    
                                    </Grid>
                                    <Grid x:Name="GridPantalla" Grid.Row="1">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="40*"/>
                                            <RowDefinition Height="57*"/>
                                        </Grid.RowDefinitions>
                                        <TextBox x:Name="textBoxSmall" HorizontalAlignment="Left" Margin="0,10,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Grid.Row="1" Width="158" TextAlignment="Right" FontSize="26" Height="47"/>
                                        <TextBox x:Name="textBoxBig" HorizontalAlignment="Left" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="158" TextAlignment="Right" Height="30" Margin="0,10,0,0"/>
                                    </Grid>
                                    <Grid x:Name="GridBasica" Grid.Row="2"/>
                                    <Grid x:Name="GridCientifica" Margin="0,0,0,0" Grid.Row="2"/>
                                </Grid>
                            </SplitView.Content>
    
                        </SplitView>
    
                    </Grid>
    
                </PivotItem>
                <PivotItem Header="Unit Converter">
    
                </PivotItem>
    
            </Pivot>
        </Grid>
    </Page>
    

    sábado, 30 de abril de 2016 12:39

Respuestas

  • Hola onzulinapps

    Gracias por consultar en los foros. Te invito a que revises este enlace, donde se da una explicación al tema que planteas. Espero sea de utilidad. 

    Directrices para el control de vista en dos paneles

    Saludos
    José
    __________________________________________________________________________________________

    Por favor, recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, hace que sea más fácil para los otros visitantes encontrar la solución más tarde. Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft. Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.



    lunes, 9 de mayo de 2016 4:36
    Moderador