изменить размер кнопки на сетке XAMARIN

Question

Мне нужно изменить размер кнопки, которая находится внутри сетки ....

при добавлении свойств HightRequest и WidthRequest это не вносит никаких изменений в мое приложение ... это почему так происходит? Что я должен сделать, чтобы иметь возможность изменять размер кнопок на моей сетке?

любая помощь для меня?

MyView.XAML:

 <StackLayout
            Padding="5">
            <SearchBar
                    Placeholder="Buscar..."              
                    BackgroundColor="White">
            </SearchBar>


            <Grid HorizontalOptions="FillAndExpand">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="4*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>                
                </Grid.RowDefinitions>

                <Label
                            Grid.Column="0"
                            Grid.Row="0"
                            Text="(1537) CLORO, GAS LICUADO"
                             VerticalOptions="Center">
                </Label>
                <Button
                            Grid.Column="1"
                            Grid.Row="0"
                            Text="VER"
                            BackgroundColor="Orange"
                            TextColor="White"
                    HeightRequest="5"
                    WidthRequest="5">  
                </Button>
                <Button
                                Grid.Column="2"
                                Grid.Row="0"
                                Text="HDS"
                                BackgroundColor="Blue"
                                TextColor="White">

                </Button>


                <Label
                            Grid.Column="0"
                            Grid.Row="1"
                            Text="(11) ACTION 707"
                        VerticalOptions="Center">
                    </Label>
                    <Button
                            Grid.Column="1"
                            Grid.Row="1"
                            Text="VER"
                            BackgroundColor="Orange"
                            TextColor="White">
                    </Button>
                    <Button
                            Grid.Column="2"
                            Grid.Row="1"
                            Text="HDS"
                            BackgroundColor="Blue"
                            TextColor="White">
                    </Button>

            </Grid>

        </StackLayout>

Answer 1

Вы можете сделать это, изменив ширину ColumnDefinition в вашей сетке. Также ваш второй ряд находится вне сетки, потому что у вас есть только один RowDefinition.

Answer 2

<StackLayout
        Padding="5">
    <SearchBar
                Placeholder="Buscar..."              
                BackgroundColor="White">
    </SearchBar>


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

        <Label
                        Grid.Column="0"
                        Grid.Row="0"
                        Text="(1537) CLORO, GAS LICUADO"
                         VerticalOptions="Center">
        </Label>
        <Button
                        Grid.Column="1"
                        Grid.Row="0"
                        Text="VER"
                        BackgroundColor="Orange"
                        TextColor="White"
                HeightRequest="50"
                WidthRequest="120">
        </Button>
        <Button
                            Grid.Column="2"
                            Grid.Row="0"
                            Text="HDS"
                            BackgroundColor="Blue"
                            TextColor="White"
            HeightRequest="50"
            WidthRequest="90">

        </Button>


        <Label
                        Grid.Column="0"
                        Grid.Row="1"
                        Text="(11) ACTION 707"
                    VerticalOptions="Center">
        </Label>
        <Button
                        Grid.Column="1"
                        Grid.Row="1"
                        Text="VER"
                        BackgroundColor="Orange"
                        TextColor="White">
        </Button>
        <Button
                        Grid.Column="2"
                        Grid.Row="1"
                        Text="HDS"
                        BackgroundColor="Blue"
                        TextColor="White">
        </Button>

    </Grid>

</StackLayout>