zoukankan      html  css  js  c++  java
  • win10 uwp win2d CanvasVirtualControl 与 CanvasAnimatedControl

    本文来告诉大家 CanvasVirtualControl ,在什么时候使用这个控件。

    在之前的入门教程win10 uwp win2d 入门 看这一篇就够了我直接用的是CanvasControl,实际上可以使用的画布还有下面两个

    虽然本文主要告诉大家CanvasVirtualControl但是也是会告诉大家什么时候用哪个

    CanvasAnimatedControl

    如果使用 CanvasControl ,那么只会在一开始使用了 drawn ,如果需要重新更新就需要通过调用 Invalidate

    如果有很多次调用 Invalidate 会自动合并为一次,所以不能把 Invalidate 调用数和 draw 触发数作为相等。

    如果是为了做动画需要不停调用 Invalidate ,在 UWP 比较好的方法是使用 CanvasAnimatedControl 这个可以到每秒 60 帧,而且在用户设备比较差的时候会降低调用频率。

    所以做动画的时候需要不停触发重新渲染就使用 CanvasAnimatedControl ,关于这个控件,请看win10 uwp 萤火虫效果

    Win2D 中的游戏循环:CanvasAnimatedControl

    CanvasVirtualControl

    和 CanvasAnimatedControl 频繁重新画不相同的,在 CanvasVirtualControl 的使用范围是很少刷新

    如果满足下面任何条件就建议使用 CanvasVirtualControl 而不是 CanvasControl 因为这时的性能比较好

    • 如果你准备画一个非常大的图片

    • 不希望使用很多时间去画看不见的部分

    • 不想把整个图片都放在内存

    因为 CanvasVirtualControl 使用位图虚拟化,所以不需要在所有的时候都把位图放在内存中,只有在需要显示的地方才是有效的,存放在内存的,对于不显示的地方是不放在内存,不画出来的。

    在一个原来不显示的地方变为显示时就会触发RegionsInvalidated事件,这时就可以画出这部分。

    void OnRegionsInvalidated(CanvasVirtualControl sender, CanvasRegionsInvalidatedEventArgs args)
    {
        foreach (var region in args.InvalidatedRegions)
        {
            using (var ds = sender.CreateDrawingSession(region))
            {
                // draw the region
            }
        }
    }
    

    所以通过这个方法就可以不需要手动去判断哪些是显示的,只要触发了,就是可以画出的。那么怎么知道触发的显示的矩形?实际上从args.InvalidatedRegions就是拿到一个 Rect ,通过这个就可以判断需要显示的是哪个。

    很多时候使用 CanvasVirtualControl 都是和 ScrollViewer 一起使用

     <ScrollViewer>
      <canvas:CanvasVirtualControl Width="10000" Height="10000" RegionsInvalidated="OnRegionsInvalidated" />
    </ScrollViewer>
    

    所以在滚动的时候就可以判断哪些需要显示,通过只画显示的来提高性能。

    当然在页面大小变化或者 CanvasVirtualControl 需要修改大小,还是需要调用 invalidated 来重新画

    void VirtualControl_SizeChanged(object sender, SizeChangedEventArgs e)
    {
        VirtualControl.Invalidate();
    }
    

    其他博客

    win10 uwp win2d 入门 看这一篇就够了

    win2d 毛玻璃:win10 uwp 毛玻璃

    win2d 画出好看的图形

    win10 uwp 萤火虫效果

    win2d 图片水印

    我搭建了自己的博客 https://lindexi.gitee.io/ 欢迎大家访问,里面有很多新的博客。只有在我看到博客写成熟之后才会放在csdn或博客园,但是一旦发布了就不再更新

    如果在博客看到有任何不懂的,欢迎交流,我搭建了 dotnet 职业技术学院 欢迎大家加入

    知识共享许可协议
    本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接:http://blog.csdn.net/lindexi_gd ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系

  • 相关阅读:
    一:多线程--多线程简单介绍
    五:网络--多线程断点下载
    四:网络--NSURLConnection基本使用
    三:网络--数据安全/加密
    二:网络--GET请求和POST请求
    一:网络--HTTP协议
    源代码管理工具GIT
    MyBatis 多参问题
    jquery 事件
    jquery点击事件
  • 原文地址:https://www.cnblogs.com/lindexi/p/12087062.html
Copyright © 2011-2022 走看看