首页
学习
活动
专区
圈层
工具
发布

win10 uwp 如何判断一个控件在滚动条的里面是用户可见

在 UWP 中如何知道一个元素是在滚动条的显示大小内用户可以看到这个控件?如果需要在控件在滚动条里面用户可以看到的时候触发某个事件,在用户看不到的时候触发另一个事件可以怎么做?...昨天星期八再娶你 大佬问我如何判断在滚动条内可以看到某个元素,他需要在滚动条里面放一个视频播放器,在用户看不到这个播放器的时候自动停下这个播放器 在 UWP 的判断会比在 WPF 中复杂一些,我写过WPF...如何判断一个控件在滚动条的里面是用户可见但是在 UWP 中的小伙伴,也就是做 UWP 的大佬对 API 的设计会更加诡异 在 UWP 没有 ScrollChanged 事件只有ScrollViewer.ViewChanged...,所以通过这个事件判断控件是否在滚动条可见是不可靠的 昨天星期八再娶你 大佬告诉我一个可以使用的方法是通过LayoutUpdated 事件拿到触发,在布局属性修改的时候、在窗口修改的时候在运行时的布局的时候都会触发这个事件...new Size(ScrollViewer.ViewportWidth, ScrollViewer.ViewportHeight)); 在 UWP 的矩形判断里面的方法已经不存在,需要自己写一个辅助方法

1.2K20

.net Framework 源代码 · ScrollViewer 使用原理其他源代码分析

如果这时设置了PanningMode,就会发现拖动时让窗口抖动,这时需要在窗口重写 OnManipulationBoundaryFeedback ,请看下面代码。...物理滚动 下面来告诉大家,物理滚动是如何做,实际上的滚动就是在布局中使用下面的代码,让元素布局在滚动的地方,所以看起来就是元素滚动 Rect childRect =...可以看到布局设置反过来的 HorizontalOffset 作为元素的 x 移动,通过这样就可以让元素移动 但是元素如果移动在 ScrollViewer 外面,如何裁剪?...是不会滚动元素的,滚动元素的是 ScrollViewer 里面的元素,滚动的方式一般都使用在布局的时候设置元素的 X、Y 来让元素滚动。...参见: 在WPF中实现平滑滚动 - 天方 - 博客园 IScrollInfo in Avalon part I – BenCon’s WebLog IScrollInfo in Avalon part

2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    dotnet Framework 源代码 · ScrollViewer

    如果这时设置了PanningMode,就会发现拖动时让窗口抖动,这时需要在窗口重写 OnManipulationBoundaryFeedback ,请看下面代码。...物理滚动 下面来告诉大家,物理滚动是如何做,实际上的滚动就是在布局中使用下面的代码,让元素布局在滚动的地方,所以看起来就是元素滚动 Rect childRect =...可以看到布局设置反过来的 HorizontalOffset 作为元素的 x 移动,通过这样就可以让元素移动 但是元素如果移动在 ScrollViewer 外面,如何裁剪?...是不会滚动元素的,滚动元素的是 ScrollViewer 里面的元素,滚动的方式一般都使用在布局的时候设置元素的 X、Y 来让元素滚动。...参见: 在WPF中实现平滑滚动 - 天方 - 博客园 IScrollInfo in Avalon part I – BenCon’s WebLog IScrollInfo in Avalon part

    83720

    WPF中的布局方式

    它提供了统一的编程模型、语言和框架,真正做到了分离界面设计人员与开发人员的工作;同时它提供了全新的多媒体交互用户图形界面 WPF布局规则:wpf窗口只能包含单个元素,为在wpf窗口中放置多个元素,需要添加容器然后向容器中放置元素...代码中划分了行和列但是线条不会在运行结果中显示 3.WarpPanel:在一系列可换行的行中放置元素;在水平方向上,WarpPanel面板从左向右放置条目,然后在随后的行中放置元素;在垂直方向上...,如下图:当宽度变窄时其会自动调节其中元素的布局方式 4.DockPanel:沿着一条外边缘来拉伸所包含的控件,也就类似于许多窗口顶部的工具栏: <DockPanel LastChildFill...用于设置其对齐方式,有"Top","Left","Bottom","Right"四个属性值 LastChildFill:获取或设置一个值,该值指示 System.Windows.Controls.DockPanel 中的最后一个子元素是否拉伸以填充剩余的可用空间...5.StackPanel:和DockPanel类似都有拉伸作用: 默认情况下是水平拉伸,如果我们想垂直拉伸,可以加一下属性 Orientation="Horizontal" 6.ScrollViewer

    2.2K10

    WPF继续响应被标记为已处理事件的方法

    WPF中在冒泡事件或者隧道事件会随其层间关系在visual tree上层层传递,但是,某些事件传递到某些控件是即会”终止“(不再响应相应的注册事件),给人一种事件终结者的印象。...WPF事件引擎在处理控件对应事件时,若检测到该属性为True,就不会调用相应的处理程序。...在控件模版中,ScrollViewer的MouseButtonDown事件处理事件如下:断点设置会发现鼠标点击时并不会触发。...事件visual tree上传递过程中,某个元素将该事件标记为已处理,导致事件在传递时不再继续有响应,(原因:Handled被标记为True)如果希望后续元素也能响应此方法,可以使用此方法。...AddHandler这个代码的关键点是最后那个true,它告诉WPF引擎相应元素call这个handle,即使它被标记为Handled=true。

    1.3K10

    XAML中的响应式布局技术

    在针对特定屏幕宽度优化应用 UI 时,我们将此称为创建响应式设计。WPF设计之初响应式设计的概念并不流行,那时候大部分网页设计师都按着宽度960像素的标准设计。...而且和网页不同,WPF窗体默认没有提供ScrollViewer,所以千万不能忘记。在桌面客户端合理使用以上技术可以避免客户投诉。但UWP主打跨平台,它需要更先进(或者说,更激进)的技术。 2....在 Auto 模式下,导航视图会进行自适应,在窗口狭窄时为 LeftMinimal,接下来为 LeftCompact,随后在窗口变宽时为 Left。 ?...说到性能,UWP的很多场景都为已经死了多年的WindowsWobile考虑了性能,更不用说现在的桌面平台,所以做UWP不需要太过介意性能,尤其是已经在WPF上培养出小心翼翼的习惯的开发者,UWP的性能问题等真的出现了再说...ViewBox ViewBox可以根据自身大小放大或缩小它的Content元素,某些情况下它是WPF和UWP平台的终极响应式设计解决方案,因为WPF/UWP元素都是矢量元素所以大部分元素都可以无损缩放(

    2.8K10

    WPF快速入门系列(1)——WPF布局概览

    WPF在.NET Framework 3.0中被微软引入到.NET Framework类库中,并且在.NET 3.5、4.0 和4.5都有所更新。...3.1 WPF布局过程   WPF布局包括两个阶段:一个测量(measure)阶段和一个排列(arrange)阶段。在测量阶段,容器遍历所有子元素,并询问子元素它们所期望的大小。...对于在DockPanel中的元素的停靠可以通过Panel.Dock的附加属性来设置,如果设置LastChildFill属性为true,则最后一个元素将填充剩余的所有空间。   ...而放在Grid面板中的元素必须显式采用附加属性定义其所在行和列,否则元素均默认放置在第0行第0列。...3.8 ScrollViewer 控件   通常用户界面中的内容比计算机屏幕的显示区域大的时候,可以利用ScrollViewer控件可以方便地使应用程序中的内容具备滚动功能。

    3.6K20

    WPF 开发者必备!这个开源控件库让你告别“丑界面”

    HandyControl 是一个开源、功能强大的 WPF 控件库。它专为 .NET 开发者设计。它的目标是简化 WPF 应用程序的界面开发。它可以提升用户界面的美观性和易用性。...它解决了 WPF 原生控件样式单一的问题。 3. 跨平台与国际化:它支持跨平台开发。它也支持多语言界面。它适合全球化应用场景。 4. MVVM 架构支持:它与 MVVM 架构兼容。...代码托管在 GitHub 和 Gitee。可以免费获取源码、示例和文档。 快速入门 1. 安装:通过 NuGet 包管理器安装。搜索 HandyControl 并安装。也可以直接下载源码编译。...配置:在项目的 App.xaml 文件中添加以下代码。这段代码用于引用 HandyControl 的样式和主题。...添加命名空间:在 XAML 文件中引入 HandyControl 命名空间。 xmlns:hc="https://handyorg.github.io/handycontrol" 4.

    6010

    原生TabControl控件实现拖拽排序功能

    在UI交互中,拖拽操作是一种非常简单友好的交互。尤其是在ListBox,TabControl,ListView这类列表控件中更为常见。通常要实现拖拽排序功能的做法是自定义控件。...中核心基类UIElement包含了DragEnter,DragLeave,DragEnter,Drop等拖拽相关的事件,因此只需对这几个事件进行监听并做相应的处理就可以实现WPF中的UI元素拖拽操作。...另外,WPF的一大特点是支持数据驱动,即由数据模型来推动UI的呈现。...事件中根据需要拖拽操作的元素创建一个AdornerLayer,实现鼠标拖着元素移动的效果。...Drop事件中确定了拖拽操作目标位置以及渲染的数据元素,然后移动元数据,通过数据顺序的变化更新界面的排序。从代码中可以看到列表控件的ItemsSource不能为空,否则拖拽无效。

    73920

    【愚公系列】2023年09月 WPF控件专题 ListBox控件详解

    欢迎 点赞✍评论⭐收藏 前言 WPF控件是Windows Presentation Foundation(WPF)中的基本用户界面元素。它们是可视化对象,可以用来创建各种用户界面。...这些控件都是WPF中常见的标准用户界面元素。 自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项,以及更好的用户体验。...ScrollViewer.HorizontalScrollBarVisibility和ScrollViewer.VerticalScrollBarVisibility:用于设置ListBox中滚动条的可见性...使用ListBox控件的基本步骤如下: 在XAML文件中,使用ListBox标签创建ListBox控件。 给ListBox控件设置ItemsSource属性,指定数据源。...数据绑定:ListBox可以方便地绑定数据,例如绑定到数据库中的数据、XML文件中的数据等等。 ListBox是WPF中非常重要的控件之一,可用于许多不同的应用程序场景。

    1.4K00

    关于ScrollViewr和滚动轮劫持(scroll-wheel-hijack)

    所谓的滚动轮劫持,简单来说即是在一个可以滚动的页面使用鼠标滚轮滚动页面的过程中鼠标进入某个可以滚动的子元素导致只在这个子元素中滚动而整个页面想滚滚不动了。 具体看看这个例子: ?...实现 在WPF中要禁止ScrollViewer捕获鼠标滚动时间,可以重写OnMouseWheel成一个空的方法: protected override void OnMouseWheel(MouseWheelEventArgs...当然我们不满足于无脑禁用鼠标滚轮,我们应该更智能些,先让ScrollViewer滚到底,再交由外层的ScrollViewer滚下去。...这里面用到几个属性: MouseWheelEventArgs中的Delta表示鼠标滚轮的变更量,当这个值为正数时表示滚轮向上。 ExtentHeight,获取ScrollViewer内容的实际高度。...其他ScrollViewer方案 ScrollViewer还有很多中玩法,但我工作中不常用到所以就没做。

    1.6K30

    从 WPF 搬迁到 UOS 下的 UNO 的笔记

    >() is { } scrollViewer) { scrollViewer.ChangeView(0.0f, scrollViewer.ExtentHeight...核心就是通过爬视觉树找到 ScrollViewer 对象,通过 ScrollViewer 控制滚动 几何图形 StreamGeometry 资源 在 WPF 里面,经常有图标使用的是 Path 几何路径...需要在开发的过程中,在进行 git 上传之前,看一下 csproj 的变更是否必要,如果是不必要的改动,请直接撤销。...从原本的界面元素上获取 Dispatcher 的逻辑,依然不变 从静态获取的逻辑,如以下的 WPF 代码,则需要进行替换 System.Windows.Application.Current.Dispatcher.InvokeAsync...当窗口的main线程空闲且队列中没有挂起的输入时,将处理委托。 Low -1 低优先级。 如果队列中没有更高的优先级事件挂起,则处理委托。 Normal 0 正常优先级。

    1.2K10

    WPF --- 触摸屏下的两个问题

    引言 本篇文章分享一下之前遇到的WPF应用在触摸屏下使用时的两个问题。...场景 具体场景就是一个配置界面, ScrollViewer 中包含一个StackPanel 然后纵向堆叠,以滚动的方式查看,然后包含多个 TextBlock 、 TextBox 以及DataGrid ,...期间遇到了两个问题: WPF在触摸屏下,如果有滚动条(ScrollViewer)的情况下,默认包含触底反馈的功能,就是触摸屏滑动到底或从底滑到顶,界面都会出现抖动的情况。...的 UI 元素绑定它的反馈事件,然后在注册方法中设置 e.Handled = true; ,这样中断了事件继续冒泡或隧道传播,比如这样 // 在Xaml中,在对应的 UIElement 上绑定ManipulationBoundaryFeedback...,使用滑轮界面无法滚动的问题,那么解决触摸屏触点在 DataGrid 中无法滚动的问题,也是一样的思路,根据触点的偏移量,模拟鼠标滚轮的偏移量,在调用鼠标滚动事件,模拟滚动,代码如下: private

    45410

    UIElement.Clip虽然残废,但它还可以这样玩

    UWP中的UIElement.Clip WPF的Clip真的为所欲为,然而到了UWP就变得绑手绑脚了,因为UWP的UIElement.Clip居然是个RectangleGeometry属性,也就是说UIElement...如果只能简单地剪切出矩形区域的话,很多时候都用不着Clip,在XAML中有其它方法可以实现需要的功能。 ?...例如上面这个长阴影的失败例子,我应该裁剪超过边框的元素,如果要用Clip,XAML要这样写: <StackPanel Background="#FFE87A69" x:Name=...在用WPF时我也常常遇到这种问题,但我总是用ScrollViewer解决,ScrollViewer本身就有提供Clip的功能,代码如下: ScrollViewer Padding="0"...结语 UWP中其实有几种裁剪方案,最残废的是UIElement.Clip,也就是这篇文章提到的这个。上一篇文章还讲解了Win2D中裁剪。

    88920
    领券