画布上的图像 [英] Image on Canvas
问题描述
美好的一天:)帮我实现我的想法.我不会在画布上导入jpg.如果图像大然后尺寸形式,当datagrid有许多列和行时,我想看到像dataGrid的滚动.哪个可以帮助我更改可见区域.
Good Day :) Help me realize my idea. I wont import jpg on canvas. If image big then size form i want see scroll like dataGrid when datagrid have many collomn and row. Which help me change visible zone.
我做到了
< Canvas Grid.Column ="1">
< ScrollViewer>
<图片x:Name =" imBackLayer" Source ="source \ BackLayer.jpg" Stretch ="UniformToFill"</Image>
</ScrollViewer>
</画布>
<Canvas Grid.Column="1">
<ScrollViewer>
<Image x:Name="imBackLayer" Source="source\BackLayer.jpg" Stretch="UniformToFill"></Image>
</ScrollViewer>
</Canvas>
但这不起作用
我早上写这段代码,他做我想做的事.但是我认为这不太正确,代码也不是很好
In morning I write this code he do what i want. But I think this is not so right and not so good code
< ScrollViewer Grid.Column ="1" HorizontalScrollBarVisibility =可见"
>
< DockPanel>
< Line DockPanel.Dock =顶部"
X1 ="0". X2 ="1920"
填充=黑色"
描边=黑色" StrokeThickness ="10"</Line>
< Line DockPanel.Dock =左"
Y1 ="0". Y2 ="1080"
填充=黑色"描边=黑色" StrokeThickness ="10"/线.
<画布 >
<图片x:Name ="imBackLayer"
Source ="source \ BackLayer.jpg"</Image>
</画布>
</DockPanel>
</ScrollViewer>
<ScrollViewer Grid.Column="1" HorizontalScrollBarVisibility="Visible"
>
<DockPanel>
<Line DockPanel.Dock="Top"
X1="0" X2="1920"
Fill="Black"
Stroke="Black" StrokeThickness="10"></Line>
<Line DockPanel.Dock="Left"
Y1="0" Y2="1080"
Fill="Black" Stroke="Black" StrokeThickness="10"></Line>
<Canvas >
<Image x:Name="imBackLayer"
Source="source\BackLayer.jpg" ></Image>
</Canvas>
</DockPanel>
</ScrollViewer>
请帮助我!!!!必须是更简单,正确的方法
PLEASE help me!!!! Must be a more easy and right way
我如何以另一种方式实现这一目标??????
How I can realize this another Way??????
推荐答案
为什么完全使用Canvas作为包含元素?您可以将Scrollviewer直接放入Grid单元中.并且不要忘记将Image元素的Stretch属性设置为"None":
why use a Canvas as containing element at all? You could put the Scrollviewer directly into a Grid cell. And dont forget to set the Stretch Property of the Image element to "None":
[将有效来源放入Image元素]
[put a valid source to the Image element]
<Grid>
<ScrollViewer Grid.Row="0" Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Auto">
<Image x:Name="imBackLayer" Stretch="None" Source="put\your\source\here"></Image>
</ScrollViewer>
</Grid>
此致
Thorsten
Thorsten
这篇关于画布上的图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!