Wpf大屏软件开发过程中遇到的若干问题

现在的拼接屏普遍使用矩阵进行屏幕控制，硬件矩阵的优势在于可以最大发挥每块屏幕的性能，但是我所处的工程行业，最简单的矩阵客户也觉得使用起来麻烦，客户需要的就是通过鼠标操作即可查看其管理的所有的机器。基于此，我计划使用Wpf开发一款大屏软件，该软件具备以下功能：

1、运行在合并后的屏幕上；

2、窗体可灵活分小块，每一个块显示不同的内容，可以是设备参数，也可以是图片视频；

3、块可以放大，放大后的块里面的内容相应发生变化。

最终，经过我一番思路，实现了以下界面：

在这个架构出来后，当我把视频作为9画面后，发现双击视频放大后，再缩小，整个界面全黑，无法退出到正常界面。特别在3月28日夜，一直到凌晨2点多，我尝试了以下很多方法均未解决：

1、固定视频播放器宽度没有效果；

2、固定播放器所在网页宽度没有效果；

3、使用网上的浏览器内核setting方法设置没有效果；

4、固定Chrome内核浏览器大小没有效果；

5、替换掉萤石云的播放器，使用百度播放器；百度播放器到是没有问题，但播放速度慢，且操作不方便；

6、修改播放器js中禁止双击，视频反而不能在Wpf内嵌网页中播放，没有效果；

7、在单独的Window中显示视频界面，发现可以正常放大缩小，只要移动到TileView中就不正常；

8、睡觉前又怀疑是Chome浏览器内核问题，决定第二天替换浏览器内核试试；

第二天到公司，替换Chrome内核改用Edge内核，升级.Net Framework4.6.2，不行无果。

没办法，回想之前貌似是好的，之前没有那么多视频而已，于是将9画面改为1画面，还是没有效果。

于是再回想，最早的时候块数也没这么多，当时是为了看效果就创建了12个item绑定，页面上就出现12个块，于是想到减到1个块试试，减到1个块后成功，视频可以正常放大缩小！！！

原来和块数有关系，当使用CefSharp时，TileView大小两个视图模式中如果都放CefSharp的Chrome内核就会导致此问题，最多只能支持4个块，当第5个块出现时，萤石所用的ckplayer视频播放器放大缩小就会有问题，找到了问题点就好了！

接下来解决问题，将第一个CefSharp改为使用Wpf内置的WebBroswer，可以显示正常的简单页面，但是其设置网址的Source不能设定绑定，这下又麻烦了。需要通过程序设置，于是查看了TileView的事件，觉得Loaded方法可以使用。要找到这个浏览器又费了点事情，先在示例的TileStateChange里面找到了使用TileViewItem这个控件，这个控件可以定位到浏览器。但是Load方法里面怎么能找到TileViewItem呢？没有文档可以参考，于是通过findbyType尝试了一下，可以找到，但是结果只有第一个块。怎么才能找到所有的TileViewItem呢？

通过一番查找，终于在Debug中发现了这个结构：

原来所有的块存储在TileViewPanel里面，直接通过Child来获取即可：

代码如下：