UWP 使图像镜像的方法 FlowDirection

__Fang Wei__

于 2019-06-27 12:22:51 发布

阅读量343

点赞数

CC 4.0 BY-SA版权

分类专栏： UWP 文章标签： UWP 镜像

本文链接：https://blog.youkuaiyun.com/rookie_wei/article/details/93864342

UWP 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在UWP应用开发中通过简单修改XAML代码，使摄像头捕捉的图像呈现为镜像效果，提供更直观的用户体验。通过添加FlowDirection属性，可以轻松实现这一功能。

做应用开发，如果摄像头对着你，在屏幕上显示的不是镜像的图像，看起来怪怪的。

有时候想让让图像看起来就像是我们照镜子的效果，

UWP上想实现这个效果很简单，修改XAML文件就可以了，添加，FlowDirection="RightToLeft"

修改前，

<Image Grid.Column="0" Name="UICameraViewer" 
   Canvas.ZIndex="-1"  
   VerticalAlignment="Center"
   HorizontalAlignment="Center"
   Stretch="Uniform"/>

显示效果，非镜像，

修改后，

<Image Grid.Column="0" Name="UICameraViewer" 
   Canvas.ZIndex="-1"  
   VerticalAlignment="Center"
   HorizontalAlignment="Center"
   Stretch="Uniform" 
   FlowDirection="RightToLeft"/>

显示效果，镜像，