首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在UWP中重新排序ListView项目会弄乱内容

在UWP中重新排序ListView项目会导致内容混乱的原因是由于ListView的数据源与显示顺序不同步。当重新排序ListView项目时,数据源的顺序并没有改变,而ListView的显示顺序发生了变化,导致内容混乱。

为了解决这个问题,可以采取以下步骤:

  1. 更新数据源:在重新排序ListView项目之前,需要先更新数据源的顺序,使其与ListView的显示顺序保持一致。可以通过重新排序数据源集合中的元素来实现。
  2. 刷新ListView:在更新数据源后,需要调用ListView的刷新方法,以便重新加载数据并更新显示顺序。可以使用ListView的ItemsSource属性重新绑定数据源,或者调用ListView的UpdateLayout方法来刷新布局。
  3. 使用绑定方式:为了避免手动更新数据源和刷新ListView的操作,可以考虑使用数据绑定的方式。通过将ListView的ItemsSource属性绑定到一个可排序的集合,当集合的顺序发生变化时,ListView会自动更新显示顺序,从而避免内容混乱的问题。

总结起来,解决在UWP中重新排序ListView项目导致内容混乱的方法是更新数据源的顺序,并刷新ListView的显示。另外,使用数据绑定方式可以更加方便地实现自动更新。以下是一些相关的腾讯云产品和链接,供参考:

  • 数据库:腾讯云数据库(https://cloud.tencent.com/product/cdb)
  • 服务器运维:腾讯云云服务器(https://cloud.tencent.com/product/cvm)
  • 云原生:腾讯云容器服务(https://cloud.tencent.com/product/tke)
  • 网络通信:腾讯云私有网络(https://cloud.tencent.com/product/vpc)
  • 网络安全:腾讯云安全产品(https://cloud.tencent.com/solution/security)
  • 移动开发:腾讯云移动开发套件(https://cloud.tencent.com/product/mss)
  • 存储:腾讯云对象存储(https://cloud.tencent.com/product/cos)
  • 区块链:腾讯云区块链服务(https://cloud.tencent.com/product/bcs)
  • 人工智能:腾讯云人工智能(https://cloud.tencent.com/product/ai)
  • 物联网:腾讯云物联网套件(https://cloud.tencent.com/product/iot)
  • 音视频:腾讯云音视频服务(https://cloud.tencent.com/product/tiia)
  • 多媒体处理:腾讯云多媒体处理(https://cloud.tencent.com/product/mps)
  • 元宇宙:腾讯云元宇宙(https://cloud.tencent.com/product/mu)
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

UWP ListView数据绑定

制作UWP个人项目时需要用到数据绑定,网上的教程大都不全,特此记录下自己使用的方法。 绑定源 指定一个类用来保存数据,以我自己的项目为例,需要定义“邮件”类。... /// /// string类型:标题+"\n"+概要 public string GetDescription...进行了页面跳转,即使使用GoBack()来返回,原页面也重新加载,因此建议使用静态类来避免数据丢失,并且修改集合时也不需要获取MainPage的实例 创建绑定 xaml文件头定义命名空间 由于我的Email...类MailSystem_UWP.Bean下,因此定义该命名空间为local xmlns:local="using:MailSystem_UWP.Bean" xaml文件的Page标签内定义模板 <Page.Resources...toString() DataTemplate内即为数据模板,ListView根据模板逐一添加控件 现在为ListView加上ItemTemplate属性 <ListView x:Name=

1.4K10

win10 uwp 如何使用DataTemplate 转换绑定Event到Command绑定 ObservableCollectionDataTemplate 绑定 ViewM

这是数据模板,一般用在数组的绑定,显示数组的元素。...> 绑定 ObservableCollection 如果绑定的 ItemSource 是一般的 List ,那么 List 内容改变无法看到,界面修改 需要修改 List 内容,修改页面,添加一个新的...item 可以页面添加一个 项,不是初始的时候进行修改,可以使用方法: 修改之后 使用 listView.Itemsource=list 的方法,重新给 Itemsource ,这是不推荐的,...绑定的 List 改 ObservableCollection ,这样就可以绑定内容修改时修改 界面。...} 的写法绑定到指定的元素,所以获得数据,但是 UWP 不能这样写,可以使用下面的代码 <ListView.ItemTemplate

2.6K20

win10 uwp 手把手教你使用 asp dotnet core 做 cs 程序 VisualStudio创建项目引用项目创建通用结构设置控制器运行网站UWP 连接上传数据

创建项目 现在一起创建三个项目,第一个项目UWP 项目,没有什么需要注意,点击创建空白UWP项目就可以。第二个是一个 dotnet standard 项目。... UWP 项目,引用的叫引用, asp dotnet core 项目,引用叫依赖项,只需要右击项目,点击添加就可以看到引用 ?...,多个项目都需要使用。...软件是可以编译通过的,但是运行是不会显示内容 下载列表 MainPage.xaml.cs 的 Button_OnClick 调用 ViewModel 的函数用来更新数据 private...,然后再运行 UWP 项目,这时点击一下 UWP 项目的下载数据,就可以看到如下图界面 ?

1.3K10

Extensions in UWP Community Toolkit - ListViewExtensions

概述 UWP Community Toolkit Extensions 中有一个为 ListView 提供的扩展 - ListViewExtensions,本篇我们结合代码详细讲解 ListView Extensions...; Nuget: Microsoft.Toolkit.Uwp.UI; 开发过程 代码分析 首先来看 ListView Extension - ListViewBase 的类结构: ListViewBase.Data.cs...首先来看 ListViewBase.cs 类,类定义了 4 个PropertyChanged 事件处理方法: OnCommandPropertyChanged(sender, args) - 重新为...container 的索引,根据索引的奇偶数来判断,偶数则设置内容模板为 AlternateItemTemplate,奇数则设置为 sender 的元素模板; private static void...总结 到这里我们就把 UWP Community Toolkit Extensions 的 ListViewExtensions 的源代码实现过程和简单的调用示例讲解完成了,希望能对大家更好的理解和使用这个扩展有所帮助

97360

张高兴的 Xamarin.Forms 开发笔记:为 Android 与 iOS 引入 UWP 风格的汉堡菜单 ( MasterDetailPage )

所谓 UWP 样式的汉堡菜单,我曾在“张高兴的 UWP 开发笔记:汉堡菜单进阶”里说过,也就是使用 Segoe MDL2 Assets 字体作为左侧 Icon,并且左侧使用填充颜色的矩形用来表示 ListView...待项目创建完成后,解决方案共包含四个项目:共享代码项目、 Android 项目、 iOS 项目UWP 项目。共享代码项目为存放共享页面的地方,个人觉得和类库还是有点区别的。 ?...MasterPageItem.cs   和 UWP 的汉堡菜单一样,首先要创建一个类,作为导航的项目,用来绑定 ListView 。名字叫 MasterPageItem.cs 。   ...Title 一定要给,要不然会报错,可以在后台 cs 文件修改 Title 属性,也可以 Xaml 根元素修改 Title。...,需要给 MasterPage.xaml 的根 Grid 赋值一个 Padding="0,25,0,-6",但 UWP 项目却不需要,这点我会在文末给出代码。

4.5K100

如何使用Fluent Design System (上)

至于UWP要做成怎么样,怎么做,可以参考这个视频: Build Amazing Apps with Fluent Design - Build 2017 视频中使用BuildCast这个示例应用详细展示了...简单来说Acrylic只是一个Brush,UWP提供了一组Acrylic Brush给开发者使用,通过ThemeResource找到资源名字包含“Acrylic”的Brush即可轻松应用中使用Acrylic...2.2 Light UWP使用CompositionLight可以制造很多很有趣的光照效果,FDS主打的光照特效是Reveal,FCU中大部分Items Control(ListView、GridView...2.4 Motion UWP控件自带的动画已经不少,Connected animations则更进一步。Connected animations通常用于导航引导视觉,定位操作对象。 ?...程序启动或每次更改主题颜色时调用SetupTitlebar()这个函数,注意要根据当前主题颜色改变TitleBar上按钮的颜色(因为官方文档上没有,所以很多人忘了处理按钮的颜色): private

2.4K30

UWP 开发,需要知道的1000个问题

设置 ListView 列表项宽度 默认 ListViewItem 是宽度压缩, ListView 添加代码 更多关于 ListView 请看 win10 UWP ListView 如果需要设置 WPF 的 ListView 宽度,可以使用HorizontalContentAlignment="Stretch..." UWP 设置文本使用文字图标 UWP 很经常看到这样的图标 这就是 Segoe MDL2 icons ,可以使用下面不同的方式 xaml 使用 SymbolIcon 可以使用的 SymbolIcon...UWP获取Encoding.Default Encoding.GetEncoding(0); 参见:UWP获取Encoding.Default - yinyue200 - 博客园 UWP 使用...有趣故事 开发遇到一些有趣的故事。 有一天vs告诉我,你写的代码,连标点符号我也不信。 我是世界上少见的不需要写单元测试的程序员,因为我写的代码都是bug。

1.5K20

win10 uwp 简单MasterDetail UWP 导航List点击后退按钮页面更改大小修改显示修改我代码源码左右的列表和内容的相互操作

中文 English 本文主要讲实现一个简单的界面,可以在窗口比较大显示列表和内容,窗口比较小时候显示列表或内容。也就是在窗口比较小的时候,点击列表显示内容,点击返回显示列表。 先放图,很简单。...> 当然需要我们view.xaml.cs public MasterDetailPage() {...那么我们界面变化的是否,是否知道我们显示内容还是显示列表,这时就是我们得HasFrame,依靠这个选择ZIndex 修改我代码 现在需要说下,如何修改我的代码,作为你需要。...我首先新建 Model,放下随意的类,作为显示的内容,然后ViewModel使用ObservableCollection,当然给他的也是随意的 界面我们需要Grid,这时我绑定了GridLength...) 如果我们按返回,但是我们撸了一半,假如我们是页面跳转,不使用我源码,那么加上 NavigationCacheMode ,保存页面,这样不会让页面现在的选择重新 左右的列表和内容的相互操作 如果需要使用左右两边相互操作

1.8K00

本地化入门

使用resw资源文件实现本地化 以前的XAML平台,resx资源文件是一种很方便的本地化方案,但在UWP微软又再次推荐x:Uid方案,默认的资源文件也变成resw资源文件。...2.1 XAML实现本地化 XAML实现本地化的过程很简单。...如项目中有如下两张图片: ? XAML可以直接通过Images/Flag.png引用。...只设置页面及菜单这些切换语言时不会重新加载的UI上使用Binding,其它地方不变,这样简单的动态切换语言就实现了。运行结果如上,可以看到TextBox右键菜单仍未切换语言,需要重新启动。...解决方案是不在UWP应用项目中添加resx资源文件,而在类库添加resx资源文件,这样连错误都不报了。 不知道Xamarin.Forms是不是也可以这样实现,毕竟它也是XAML大家族的一员。 6.

2K40

win10 uwp 简单MasterDetail

中文 English 本文主要讲实现一个简单的界面,可以在窗口比较大显示列表和内容,窗口比较小时候显示列表或内容。也就是在窗口比较小的时候,点击列表显示内容,点击返回显示列表。 先放图,很简单。...> 当然需要我们view.xaml.cs public MasterDetailPage() {...那么我们界面变化的是否,是否知道我们显示内容还是显示列表,这时就是我们得HasFrame,依靠这个选择ZIndex 修改我代码 现在需要说下,如何修改我的代码,作为你需要。...我首先新建 Model,放下随意的类,作为显示的内容,然后ViewModel使用ObservableCollection,当然给他的也是随意的 界面我们需要Grid,这时我绑定了GridLength...如果我们按返回,但是我们撸了一半,假如我们是页面跳转,不使用我源码,那么加上 NavigationCacheMode ,保存页面,这样不会让页面现在的选择重新 左右的列表和内容的相互操作 如果需要使用左右两边相互操作

39420

dotnet 从入门到放弃的 500 篇文章合集

2015-warning-msb3246 visual-studio-创建项目失败vstemplate visual-studio-自定义项目模板 VisualStduio 打断点调试和不打断点调试有什么区别...Fluent Design System 实践 win10 uwp hashcash win10 uwp httpClient 登陆CSDN win10 uwp json win10 UWP ListView...模仿开始菜单 win10 UWP ListView win10 UWP Markdown 含源代码 win10 uwp MetroLog 入门 win10 uwp MVVM 语义耦合 win10 uwp...如何拖动一个TextBlock的文字到另一个TextBlock win10 uwp 如何让 Page 继承泛型类 win10 uwp 如何让一个集合按照需要的顺序进行排序 win10 UWP 序列化... win10 uwp 设置 HttpClient 浏览器标识 win10 UWP 访问网页 win10 uwp 读写csv win10 uwp 读写XML win10 uwp 调试软件启动 win10

10.4K20

win10 uwp 列表模板选择器 根据数据位置根据不同的数据

本文主要讲ListView等列表可以根据内容不同,使用不同模板的列表模板选择器,DataTemplateSelector。...如果在 UWP 需要定义某些列的显示和其他列不同,或者某些行的显示和其他行不同,那么可以使用 列表模板选择器 来定义自己的列表,让列表存在不同的显示。...如何去背景请看win10 UWP ListView 就是把ListViewItem复制,然后去掉ListViewItemBackgroundPointerOver 和 SelectedBackground...注意ListViewDataTemplateSelector也需要key,关于资源的寻找,参见win10 uwp x:Bind 无法获得资源 一定要有key,然后ListViewDataTemplateSelector...上面的例子只是很简单使用两个不同的数据,如果有很多不同的数据,或者数据里,需要按照数据内容,进行自定义的显示,那么使用选择器也是可以做到。

1.2K10

UWP第三方简书客户端分享

异步线程的处理我在上一篇《讲讲我Windows10(uwp)开发遇到的一些坑》已经说过了.这里说下贴一下异步Command的代码: public class AsyncCommand : AsyncCommandBase...对于UWP的下拉刷新,我博客园里看到了几种实现方式: UWP的一种下拉刷新实现 只贴了一种,因为目前实现下拉刷新的方式都是ListView外部套一个ScrollViewer来实现,这种实现方式有个严重的问题就是...:ListView内部也是有一个ScrollViewer,当滑动的时候,会出现ListView内部的ScrollViewer被压缩,这样直接导致了下拉刷新的失败....使用了MVVMLight,所有的界面都以嵌入的方式放入MainPage....已经足够了.如果你喜欢或者支持这样的项目,帮忙点个推荐吧.

1.6K50

win10 uwp 商业游戏 1.2.1 修改数值点击添加技能添加技能创建.net的共用项目其他文章感谢

希望大家在看这篇文章之前先看 win10 uwp 商业游戏,在这个文章告诉了大家如何创建游戏。...下面来告诉大家使用列表模板 实际win10 uwp 列表模板选择器已经有告诉大家如何写了,所以这里只是很简单告诉大家,这里的代码需要如何写 先创建一个类 DyqbdpreKuoujeq ,这个类就是选择不同的数据...这个属性的值是界面创建,不能在后台创建。...这样多次点击添加技能就能找到一个升级需要比较少技能的值 创建.net的共用项目 在过了一个月,我的UWP还是没有安装成功,所以我只能使用 WPF 来写,但是如何把 WPF 写的直接放在 UWP,一个简单的方法是创建共享项目...现在创建一个 KnxetfaHjpkymq 的项目,让 WPF 项目引用他,然后把一些类从 WPF 放在这个项目。 关于.net Framework 对应,请看下面 ?

1.2K10

WPF 多线程下跨线程处理 ObservableCollection 数据

接下来进入 ListView.ItemsSource = list 也就是将 list 交给 UI 线程,在此单一的时刻,也只有 UI 线程,一个线程访问 将 ObservableCollection...只有调用 ListView.ItemsSource = list 代码之后,才将 ObservableCollection 关联到 UI 线程。... WPF 里面,只要一个集合类型的对象继承了 INotifyCollectionChanged 接口,即可在集合变更的时候,通过 WPF 框架监听 CollectionChanged 事件重新更新 UI...例如以上的代码,如果没有关注线程安全,通知 UI 线程集合变更之后,刚好 UI 线程去读取此集合新的值的时候,集合本身就被其他线程更改了内容,那么此时的逻辑就不是符合预期的 以上的代码放在 github...部分,请看 win10 uwp 通知列表

3.2K10
领券