画布上的图像 [英] 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"   Horizo​​ntalScrollBarVisibility =可见"
                      >
            < 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屋！