使用ScrollViewer调整UWP Canvas中的UI元素大小

时间:2017-12-29 04:03:25

标签: c# canvas uiscrollview resize windows-10-universal

我有一个包含在scrollveiwer中的Canvas,因此可以进行缩放和平移。但是,我也试图通过捏合功能调整用户输入元素(文本框,图像等)的大小。这是我的XAML代码,用于界面的基础:

<Grid>
    <RelativePanel>
        <Button ... />
        <Button ... />
        <Button />

        <ScrollViewer
         VerticalScrollMode="Auto"
         HorizontalScrollMode="Auto"
         HorizontalScrollBarVisibility="Visible"
         VerticalScrollBarVisibility="Visible"
         ZoomMode="Enabled"
         MinZoomFactor="1"
         MaxZoomFactor="5"
         HorizontalAlignment="Left"
         VerticalAlignment="Top"
         RelativePanel.Below="AddTextButton">

            <Canvas Name="parentCanvas" Height="10000" Width="10000" >

                <InkCanvas Name="inkCanvas" Height="10000" Width="10000"
                        Visibility="Visible"   />

            </Canvas>

        </ScrollViewer>
    </RelativePanel>
</Grid>

我也有这个C#代码来添加文本框并处理操作事件(拖动/调整大小):

public void AddTextButton_Click(object sender, RoutedEventArgs e)
    {
        TextBox MyTextBox = new TextBox();
        MyTextBox.Background = new SolidColorBrush(Colors.White);

        MyTextBox.PlaceholderText = "Text";
        MyTextBox.Width = 250;
        MyTextBox.Height = 100;

        ManipulationMode = ManipulationModes.All;
        MyTextBox.RenderTransform = textBoxTransforms;
        AddHandler(ManipulationDeltaEvent, new ManipulationDeltaEventHandler(TextBox_ManipulationDelta), true);
        parentCanvas.Children.Add(MyTextBox);        
    }

    void TextBox_ManipulationDelta(object sender,
        ManipulationDeltaRoutedEventArgs e)
    {
        // Move the TextBox. 

        dragTextBox.X += e.Delta.Translation.X;
        dragTextBox.Y += e.Delta.Translation.Y;

        resizeTextBox.ScaleX *= e.Delta.Scale;
        resizeTextBox.ScaleY *= e.Delta.Scale;
    }

当画布未包含在scrollviewer中时,此C#代码可以正常工作。有关如何调整大小(使用触摸/捏合功能)的任何建议都可以在滚动查看器中使用吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

不幸的是,TextBox中的ScrollViewer操作没有很好的解决方案。

请参阅@Rob Where did all my gestures go?

中的博客
  

ScrollViewer接管指针处理以运行其滚动。一旦ScrollViewer负责它就会处理所有的指针和操作事件,而不会让应用程序有机会对它们进行操作

     

...

     

不幸的是,如果应用程序需要滚动和手势(例如,针对滚动检测CrossSlides),则没有好的解决方案。在这种情况下,到处获取指针消息的唯一选择是在所有地方禁用直接操作,但也禁用滚动。要获得该功能,应用程序将需要检测滚动手势本身,然后使用ScrollToHorizo​​ntalOffset或ScrollToVerticalOffset或通过更新SelectedIndex将ScrollViewer导航到新位置。这很棘手,并且比让ScrollViewer做它的事情要慢得多。如果可能的话应该避免。