设置包含Label和Switch / Toggle Button

时间:2018-05-14 11:47:11

标签: c# xaml xamarin.forms uwp

我们使用 ListView ,列表的每一行都包含标签开关,Switch周围有一些边距,希望删除。

截图:

enter image description here

的Xaml

<ListView ItemsSource="{Binding ListOfEnums}" Grid.Row="0" Grid.Column="1"
              Grid.ColumnSpan="2"
              VerticalOptions="FillAndExpand">
            <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <Grid>
                    <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Label VerticalTextAlignment="Center"
                                Text="{Binding Status, Converter={StaticResource EnumToStringConverter}}" />
                                <Switch IsToggled="{Binding Selected}" Grid.Column="1" Margin="0,0,20,0" />
                </Grid>
            </ViewCell>
        </DataTemplate>
  </ListView.ItemTemplate>

我们可以做些什么来删除/减少列表行之间的空格以及如何为切换按钮设置高度和填充?

1 个答案:

答案 0 :(得分:0)

尝试更改网格高度:

<ListView ItemsSource="{Binding ListOfEnums}" Grid.Row="0" Grid.Column="1"
              Grid.ColumnSpan="2"
              VerticalOptions="FillAndExpand">
            <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <Grid Height="your_height">
                    <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Label VerticalTextAlignment="Center"
                                Text="{Binding Status, Converter={StaticResource EnumToStringConverter}}" />
                                <Switch IsToggled="{Binding Selected}" Grid.Column="1" Margin="0,0,20,0" />
                </Grid>
            </ViewCell>
        </DataTemplate>
  </ListView.ItemTemplate>