【问题标题】:Set height and padding for ListView item that contains Label and Switch/Toggle Button为包含标签和切换/切换按钮的 ListView 项设置高度和填充
【发布时间】:2018-10-24 01:37:32
【问题描述】:

我们使用的是ListView,列表的每一行都包含一个Label和一个Switch,Switch周围有一些边距,希望删除。

截图:

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>

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

【问题讨论】:

    标签: c# xaml xamarin.forms uwp


    【解决方案1】:

    尝试改变网格高度:

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

    【讨论】:

    • 我们在 UWP Xamarin 中没有 Height,我们应该使用 HeightRequest。顺便说一句,它对我们有用。谢谢。 :)
    • @Andrej:谢谢,完成。
    猜你喜欢
    • 2012-07-26
    • 1970-01-01
    • 2013-06-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-27
    相关资源
    最近更新 更多