WPF ListView 列表

列表隐藏某一行,几种方法

1、使用CollectionViewSource过滤器,这种方法在需要隐藏某一行刷新的时候不完美,model和view由混在一起了

csharp 复制代码
<!--xaml中代码-->
<Window.Resources>
    <converter:IndexConverter x:Key="idxcvt"/>
	
	<!--列表过滤器-->
    <CollectionViewSource x:Key="FilteredItems" Source="{Binding ListChipInfos}" Filter="ListItem_Filter">
        <CollectionViewSource.SortDescriptions>
            <scm:SortDescription PropertyName="State" Direction="Ascending"/>
        </CollectionViewSource.SortDescriptions>
    </CollectionViewSource>
    
    <Style x:Key="ListViewItemStyle" TargetType="{x:Type ListViewItem}">
    	<Setter Property="HorizontalContentAlignment" Value="Center"/>
    	<!--对应方法3-->
    	<Setter Property="Visibility" Value="{Binding IsVisible}"/>
	</Style>
</Window.Resources>

<ListView Grid.Row="0" Grid.Column="0" Grid.RowSpan="6" x:Name="ltShowChip"
		  FontSize="16" Height="280" Opacity="0.8"
		  HorizontalAlignment="Center"
		  VerticalAlignment="Top"
		  ItemContainerStyle="{StaticResource ListViewItemStyle}"
		  ItemsSource="{Binding Source={StaticResource FilteredItems}}">
	<ListView.View>
		<GridView>
			<GridViewColumn Header="序号" Width="40"
					DisplayMemberBinding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListViewItem}}, Converter={StaticResource idxcvt}}"/>
			<GridViewColumn Header="芯片ID" Width="Auto" DisplayMemberBinding="{Binding Path=sensor_chip_id}" />
			<GridViewColumn Header="日期" Width="100" DisplayMemberBinding="{Binding Path=date}" />
		</GridView>
	</ListView.View>
</ListView>

//cs代码
//列表序号转换器
public class IndexConverter : IValueConverter
{
	public object Convert(object value, Type TargetType, object parameter, CultureInfo culture)
	{
		ListViewItem item = (ListViewItem)value;
		ListView listView = ItemsControl.ItemsControlFromItemContainer(item) as ListView;
		int index = listView.ItemContainerGenerator.IndexFromContainer(item) + 1;
		return index.ToString();
	}

	public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
	{
		throw new NotImplementedException();
	}
}

public class ChipInfo:INotifyPropertyChanged
{
	public event PropertyChangedEventHandler PropertyChanged;
	
	public string sensor_chip_id { get; set; } //芯片ID
	public long date_write { get; set; } = (DateTime.UtcNow.Ticks - new DateTime(1970, 1, 1, 0, 0, 0, 0).Ticks) / 10000; //时间戳
	public bool IsVisible{get;set;}
	//private Visibility mIsVisible = Visibility.Visible; //方法3
	//public Visibility IsVisible
	//{
	//	get => mIsVisible;
	//	set
	//	{
	//		mIsVisible = value;
	//		PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(IsVisible)));
	//	}
	//}
}

private void ListItem_Filter(object sender, System.Windows.Data.FilterEventArgs e)
{
	if (e.Item is ChipInfo item)
	{
		e.Accepted = item.IsVisible;
	}
}
	
Dispatcher.InvokeAsync(() => 
{ 
	CollectionViewSource vs = (CollectionViewSource)Resources["FilteredItems"];
	if (vs != null)
	{
		vs.View.Refresh();//刷新
	}
});

2、方法笨办法,直接把删除绑定列表数据

csharp 复制代码
List<ChipIdInfo>ChipInfos=[]; //全部数据
ObservableCollection<ChipIdInfo> ListChipInfos=[]; //列表绑定对象
//过滤数据后重置列表绑定
ListChipInfos = new ObservableCollection<ChipIdInfo>(ChipInfos);

3、通过修改 ListViewItem 样式来实现隐藏/显示某一行,这种方法几百条数据没卡顿,效果好,不过每行都绑定一个数据,开销大,数据太多可能就不好了,几天条数据显示会卡顿,不过搜索还好,就是不知道1万条数据咋样

在搜索时只需要设置 IsVisible=Visibility.Collapsed/Visible即可

相关推荐
Macbethad1 小时前
工业设备IO模拟程序
wpf
狮恒5 小时前
OpenHarmony Flutter 分布式设备发现与连接:无感组网与设备协同管理方案
分布式·flutter·wpf·openharmony
云和数据.ChenGuang6 小时前
鸿蒙负一屏的技术定位与核心价值
华为·wpf·harmonyos
狮恒6 小时前
OpenHarmony Flutter 分布式数据管理实战:全场景数据一致性与高效流转方案
wpf
狮恒7 小时前
OpenHarmony Flutter 分布式音视频:跨设备流传输与实时协同交互方案
分布式·flutter·wpf·openharmony
狮恒8 小时前
OpenHarmony Flutter 分布式安全与隐私保护:跨设备可信交互与数据防泄漏方案
分布式·flutter·wpf·openharmony
狮恒8 小时前
OpenHarmony Flutter 分布式智能协同:基于 AI 的跨端场景感知与自适应交互方案
wpf
狮恒10 小时前
OpenHarmony Flutter 分布式任务调度:跨设备资源协同与负载均衡方案
分布式·flutter·wpf·openharmony
嗝o゚10 小时前
Flutter适配鸿蒙多屏异构UI开发实战
flutter·开源·wpf·harmonyos
小白|11 小时前
Flutter 与 OpenHarmony 深度集成:实现跨设备传感器数据协同监测系统
flutter·wpf