Saya mencoba membuat sel kisi tepat 50% dari lebarnya, yang berfungsi dengan baik. Namun, saya ingin tombol menjadi 50% di dalam sel dan tidak meluas ke ukuran sel.

Xaml di bawah ini, bagaimana saya memodifikasi Button menjadi 50% lebar selnya.

            <Grid Padding="10,10,10,10">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <Button Grid.Row="0" Grid.Column="0" Text="Back" Command="" BackgroundColor="Red" TextColor="White" ></Button>
            <Button Grid.Row="0" Grid.Column="1" Text="Done" Command="" BackgroundColor="Green" TextColor="White"></Button>
        </Grid>
0
Nick Turner 3 April 2019, 17:45

1 menjawab

Jawaban Terbaik

cara mengubah Button menjadi 50% lebar selnya.

Anda dapat menempatkan Tombol ke dalam StackLayout sehingga lebar Tombol adalah setengah dari lebar GridCell.

Kode solusi:

<Grid Padding="10,10,10,10">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="50*"></ColumnDefinition>
        <ColumnDefinition Width="50*"></ColumnDefinition>
    </Grid.ColumnDefinitions>

    <StackLayout  Grid.Row="0" Grid.Column="0" HorizontalOptions="Center">
        <Button Text="Back" Command="{Binding .}" BackgroundColor="Red" TextColor="White"  ></Button>
    </StackLayout>
    <StackLayout Grid.Row="0" Grid.Column="1" HorizontalOptions="Center">
        <Button  Text="Done" Command="{Binding .}" BackgroundColor="Green" TextColor="White"></Button>
    </StackLayout>
</Grid>

enter image description here

0
Junior Jiang 4 April 2019, 02:23