更改网格XAMARIN

时间:2018-09-03 19:50:36

标签: xaml xamarin button gridview xamarin.forms

我需要更改网格内按钮的大小...。

screenshot

添加属性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>

2 个答案:

答案 0 :(得分:0)

<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>

enter image description here

答案 1 :(得分:0)

您可以通过更改网格中ColumnDefinition的宽度来实现。 另外,第二行不在网格内,因为您只有一个RowDefinition