2017-07-07 5 views
5

私は正常に動作UWPアプリケーションで画像をズームする必要がありますが、デザインはその前に(ボタンとして動作します)別の画像を持っている必要があり、私はその要素がズームしたいいけません同じように。それはキャンバスタグ内のイメージだけでなければなりません。これは私が今持っている方法です。ScrollViewerのズーム一つだけの要素

<ScrollViewer MinZoomFactor="1" 
       ZoomMode="Enabled" 
       VerticalScrollBarVisibility="Auto" 
       HorizontalScrollBarVisibility="Auto"> 

    <RelativePanel HorizontalAlignment = "Stretch" > 
     <Canvas x:Name="canvas"> 
      <Image Source = "{Binding Test,UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" /> 
     </Canvas > 
     <Button RelativePanel.AlignTopWithPanel="True" 
       Height="55" 
       Command="{Binding Path=CollapseSplitView}" 
       CommandParameter="{Binding ElementName=SplitV}"> 
      <Button.Background> 
       <ImageBrush ImageSource = "/Assets/btlist.png" ></ ImageBrush > 
      </Button.Background > 
     </Button > 
     <Image RelativePanel.AlignBottomWithPanel="True" 
       RelativePanel.AlignRightWithPanel="True" 
       Source="/Assets/escala-x.png" 
       Width="130" 
       Height="70" 
       Margin="0,0,20,0" 
       ScrollViewer.IsZoomChainingEnabled="False" 
       ScrollViewer.IsZoomInertiaEnabled="False"> 
     </Image> 
    </RelativePanel> 
</ScrollViewer> 

私が持っているxamlは、その内部のすべての要素に対してズームを行います。私はscrollViewer.zoomMode =キャンバスにはないが運がない要素に対しては無効に設定しようとしました。何か案は?ありがとう!

+2

3個のイメージがあります...どちらがどのませんズームとは? –

+0

@JustinXL、申し訳ありません、私は以前言及しませんでした。私はつもりこれで答えを投稿し、あなたは秒で私を倒す...笑ところで、あなたの 'Button'があなたのズーム可能なコンテンツの上に置かれます場合は、あなたができないことに注意してくださいましたキャンバス – marsalal1014

答えて

4

私は最終的にRelativePanel内ScrollViewerのを追加することによって、それを修正して、内部に複数の要素を持つことができるように、私はStackPanelの内側にズームしたかった内容と、その後グリッドを包みます。おかげですべてが

+2

内側に一つだけすべてのタッチイベントを飲み込むため、何かをズームすることができます。 –

+0

ありがとう@JustinXL! – marsalal1014

関連する問題