企业官网建设流程全解析

投资 公司 网站模板,免费做直播网站,知乎软文推广,厦门图书馆网站建设一、列表虚拟化与海量数据展示在tds中#xff0c;当用户在关键词后加了/a参数#xff0c;会列出所有的文件。此时可能会有上百万个。为了流畅操作和显示这些数据#xff0c;只能借助列表虚拟化技术来实现。result列表虚拟化是一种优化技术#xff0c;用于处理大量数据时提高…一、列表虚拟化与海量数据展示在tds中当用户在关键词后加了/a参数会列出所有的文件。此时可能会有上百万个。为了流畅操作和显示这些数据只能借助列表虚拟化技术来实现。result列表虚拟化是一种优化技术用于处理大量数据时提高性能和用户体验。它通过实时计算来模拟海量数据的展示此时的性能流畅度与数据大小无关仅与实时计算需要的执行时间有关。其核心思想是按需加载和按需渲染。在用户滚动列表时虚拟化技术会自动将大量数据分成多个小块或页面每次只加载和渲染当前视图范围内的数据块。这个过程是事件驱动当用户滚动列表时这些事件通知应用程序加载和渲染新的数据块。在后台虚拟化管理模块还将即将进入视图范围的数据项缓存起来以便快速访问。这减少了对数据源的频繁访问提高了性能。主要原理很简单视口渲染列表虚拟化技术的核心是只渲染用户当前可视区域内的元素而不是一次性渲染整个列表。当用户滚动时动态地加载和卸载元素。占位元素为了保持列表的滚动条高度和布局正确虚拟化列表会使用占位元素来表示未渲染部分的高度。元素复用虚拟化列表通常会重用相同的组件实例数据或UI元素来渲染不同的数据项通过缓存从而减少开销。Winform和Avalonia各自的列表虚拟化技术实现不太一样Winform需要考虑对实时事件手动处理Avalonia则可以依赖自带的响应式模式绑定自动完成。我一起来看看具体都实现吧。二、Winform 与 Avalonia 实现的对比2.1 Winform虚拟列表以ListView为例Winform的虚拟列表的开启需要将控件ListView的VirtualMode属性设置为true。在虚拟化过程中用户滚动列表时ListView会触发两个关键事件需要我们进行实现ListView.CacheVirtualItems事件当用户滚动列表时此事件会被触发。它通知我们哪些项即将进入视图范围我们可以在这个事件中缓存这些项。例如可以使用一个数组来存储这些即将显示的项作为我们的cache。这样可以减少对数据源的频繁访问提高性能。ListView.RetrieveVirtualItem事件当ListView需要将某个项渲染到UI上时会触发此事件。我们可以通过从缓存中读取对应的项并返回给UI来实现。如果缓存中没有找到对应的项我们也可以选择动态生成它。CacheVirtualItems有时候也可以不实现RetrieveVirtualItem也可以实时处理动态生成ListViewItem。以下是简化后的代码实现需要详细实现朋友们可以参考项目源码。private ListViewItem[] CurrentCacheItemsSource; // 用于存放缓存的数组private int firstitem; // 缓存的起始索引private bool refcache false; // 标记是否需要重新缓存// 动态获取对象并提供给UIprivate void ListView1_RetrieveVirtualItem(object sender, RetrieveVirtualItemEventArgs e){// 如果缓存中有对应的项直接从缓存中获取if (CurrentCacheItemsSource ! null e.ItemIndex firstitem e.ItemIndex firstitem CurrentCacheItemsSource.Length){e.Item CurrentCacheItemsSource[e.ItemIndex - firstitem];}else{// 如果缓存中没有对应的项动态生成一个e.Item GenerateListViewItem(e.ItemIndex);}// 如果动态生成失败返回一个空对象以避免异常if (e.Item null){e.Item new ListViewItem(new string[] { 加载失败, , });}}// 生成缓存private void ListView1_CacheVirtualItems(object sender, CacheVirtualItemsEventArgs e){// 如果要缓存的范围已经在缓存中直接返回if (e.StartIndex firstitem e.EndIndex firstitem CurrentCacheItemsSource.Length){return;}// 更新缓存的起始索引和长度firstitem e.StartIndex;int length e.EndIndex - e.StartIndex 1;// 重新生成缓存CurrentCacheItemsSource new ListViewItem[length];for (int i 0; i length; i){// 从数据源中获取对应的项并存入缓存CurrentCacheItemsSource[i] GenerateListViewItem(firstitem i);}// 标记缓存已更新refcache false;// 自动调整列宽以适应内容ListView1.AutoResizeColumns(ColumnHeaderAutoResizeStyle.ColumnContent);}// 根据索引生成ListViewItemprivate ListViewItem GenerateListViewItem(int index){// 这里可以根据实际的数据源来生成ListViewItem// 示例从一个列表中获取数据if (index vresultNum){FrnFileOrigin f vlist[index];return new ListViewItem(new string[] { f.Name, f.Path, f.Size.ToString() });}return null;}实际使用中ListViewItem虚拟化的缓存是我们手动将数据关联到一个数组或List中的。当数据发生变化时除了自动刷新各个索引处对象的值外还需要控制长度。如果说缓存有100个元素我们可以通过设定ListView的VirtualListSize属性来改变要显示的元素个数比如只显示前10个这样就可以在数据变小的时避免重新创建数组/列表对象。5.2 Avalonia的虚拟面板 以为例与Winform不同Avalonia的ListBox等控件中没有VirtualMode属性需要通过VirtualizingStackPanel等方式开启xml代码如下。ListBox x:NamefileListBox ItemsSource{Binding Items.DisplayedData, ModeOneWay} ListBox.ItemsPanelItemsPanelTemplateVirtualizingStackPanel / !-- 虚拟化面板 --/ItemsPanelTemplate/ListBox.ItemsPanelListBox.ItemTemplateDataTemplate!-- 自定义实现 --/DataTemplate/ListBox.ItemTemplate/ListBox绑定的核心思想是我们将真实数据的引用存起来Listbox则是绑定到一个IEnumerableT对象接口中。当真实数据需要更新时我们控制IEnumerableT的更新。由于IEnumerableT是延迟实现的(yield return)因此不会产生额外数组开销。可以通过Take(DisplayCount)的方法去动态控制所展示数据的长度类似于Winform的VirtualListSize, 这样能够有效提升性能尤其是在处理大量数据以及处理数据长度频繁变化的场景。在下面的代码中给出了一个ViewModel的示例实现需要用到Avalonia.ReactiveUI库(这个库需要单独在Nuget上下载)。public class DataViewModel : ReactiveObject{private IListFrnFileOrigin _allData [];private IEnumerableFrnFileOrigin _displayedData [];private int _displayCount 100;public IEnumerableFrnFileOrigin DisplayedData{get _displayedData;private set this.RaiseAndSetIfChanged(ref _displayedData, value);}bool isShowOpenWith true;public bool IsShowOpenWith{get isShowOpenWith;set{this.RaiseAndSetIfChanged(ref isShowOpenWith, value);}}public int DisplayCount{get _displayCount;private set{_displayCount value;}}public DataViewModel(){}public void Bind(IListFrnFileOrigin _allData){if (this._allData ! _allData){// 生成测试数据实际中可能从文件或数据库加载this._allData _allData;//UpdateDisplayedData();}}public void UpdateDisplayedData(){// 使用 LINQ 的 Take()这是惰性求值的性能很好DisplayedData _allData.Take(DisplayCount);}// 快速切换到不同数量级public void SetDisplayCount(int count){DisplayCount count;}}在上述代码中DisplayedData 属性通过 RaiseAndSetIfChanged 方法来实现属性值的更新和通知确保绑定到该属性的界面元素能够及时响应数据的变化。而 DisplayCount 属性在更新时会调用 UpdateDisplayedData() 方法从而保证 DisplayedData 的内容始终与 DisplayCount 保持一致。还有一个问题就是Avalonia在VirtualizingStackPanel中虚拟化后可能数据不是瓶颈UI显示同样会造成卡顿尤其是在应用虚拟化时实时渲染发复杂的布局。因此我们可以设置VirtualizingStackPanel.CacheLength属性。这个属性是一个double值决定了在视口上方和下方或左方和右方要保持多少额外的空间。值为 0.5 表示系统在每一侧上下或左右将缓冲视口大小的一半此时将实例化更多UI元素。尽管会占更多内存但大大减少Measure-Arrange循环的次数measure:确定控件所需的最小宽度和高度; arrange:将控件放置在父控件中并确定其最终的位置和大小;Arrange: 否则在UI复杂程度较高时GC压力巨大。