WPF列表组件中显示列编号方案

1.在集合组件中显示索引编号方案

前台代码:
<ItemsControl x:Name="passableTable" ItemsSource="{Bind list}" Grid.Row="1" AlternationCount="{Binding Path=list.Count}">
       <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Vertical" />
                        </ItemsPanelTemplate>
       </ItemsControl.ItemsPanel>

                 <ItemsControl.ItemTemplate>
                        <DataTemplate>
                        <TextBlock Text="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource TemplatedParent}}"/>
                        </DataTemplate>
                 </ItemsControl.ItemTemplate>
</ItemsControl>

显示的效果是0,1,2,3顺序的索引,里面主要使用的是AlternationCountItemsControl.AlternationIndex

其中AlternationCount可以理解为多少进制,AlternationIndex则为进制的索引,这个功能常被用来做列表的隔行效果显示。

2.集合组件显示从1开始的编号方案

将以上前台代码
<TextBlock Text="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource TemplatedParent}}"/>
替换为:
<TextBlock Text="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource TemplatedParent},Converter={StaticResource indexCon}}"/>
后台代码添加转换类:
    public class IndexConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            int index = (int)value + 1;
            return index.ToString().PadLeft(3,'0');
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
前台代码同时添加类的定义
    <Window.Resources>
        <local:IndexConverter x:Key="indexCon"/>
    </Window.Resources>

两个方案效果如图:

在这里插入图片描述

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猴狲

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值