Как я могу изменить макет на одной платформе, не влияя на другую - PullRequest
Новая
       6

Как я могу изменить макет на одной платформе, не влияя на другую

0 голосов
/ 08 ноября 2018

Я запустил программу на платформах Android и iOS, и вы можете проверить, что компоненты на iOS немного выше, и я хотел бы отцентрировать, как они на Android, т.е. настроить его, не затрагивая Android.

Я хочу изменить значения сетки 

 <Grid RowSpacing="0">
        <OnPlatform x:TypeArguments="Thickness">
            <On Platform="Android">0,10,0,0</On>
            <On Platform="iOS">0,20,0,0</On>
        </OnPlatform>
        <Grid.RowDefinitions>
            <RowDefinition Height="100" />
            <RowDefinition Height="60" />
            <RowDefinition Height="280" />
        </Grid.RowDefinitions>

        <StackLayout Grid.Row="0" Orientation="Horizontal" Margin="30,0,30,0">
            <local1:Submenu></local1:Submenu>
        </StackLayout>

        <Label  Grid.Row="1" Text="Início" TextColor="White" FontSize="40"  Margin="55,10,0,0"></Label>

        <Grid Grid.Row="2" ColumnSpacing="5" RowSpacing="5" HorizontalOptions="Center"  VerticalOptions="Center" Margin="48,20,48,0" >

            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>


            <!--  button images  -->
            <Image x:Name="CmdCalendario" Grid.Row="0" Grid.Column="0"  Source="calendarioFiscallivre.png" />
            <Image x:Name="CmdContaCorrente" Grid.Row="0" Grid.Column="1"  Source="botaocadastrolivre.png" />
            <Image x:Name="CmdCadastro" Grid.Row="1" Grid.Column="0" Source="botaocadastrolivre.png" />
            <Image x:Name="CmdOutros" Grid.Row="1" Grid.Column="1"  Source="botaocadastrolivre.png"/>
            <!--<Image x:Name="CmdLiquidacao" Grid.Row="1" Grid.Column="0"  Source="botaocadastrolivre.png" />-->

        </Grid>
    </Grid>

Я также тестировал с обратного кода, и он не работает 

 switch (Device.RuntimePlatform)
            {
                case Device.iOS:
                    grid.RowDefinitions.Add(new RowDefinition { Height = 130 });
                    grid.RowDefinitions.Add(new RowDefinition { Height = 80 });
                    grid.RowDefinitions.Add(new RowDefinition { Height = 250 });
                    break;

                case Device.Android:
                    grid.RowDefinitions.Add(new RowDefinition { Height = 100 });
                    grid.RowDefinitions.Add(new RowDefinition { Height = 80 });
                    grid.RowDefinitions.Add(new RowDefinition { Height = 280 });
                    break;
            }

1 Ответ

0 голосов
/ 09 ноября 2018

Попробуйте указать Thickness в свойстве Grid.Padding. Thickness - это тип Padding свойства.

Решение: 

<Grid.Padding>
      <OnPlatform x:TypeArguments="Thickness">
           <On Platform="Android">0,10,0,0</On>
           <On Platform="iOS">0,20,0,0</On>
      </OnPlatform>
</Grid.Padding>
...