Viewbox儿童的力量大小

时间:2014-06-05 14:52:18

标签: c# wpf viewbox

所以我有一个相当有趣的问题。我有一个视图框,其中包含一些元素(图像的自定义用户控件,画布,标签和文本框)。我想要的是尝试让所有元素与视图框一起缩放,但我希望标签和文本框具有"最大尺寸。"我尝试在这些控件上使用最大宽度和高度,但它们似乎忽略了它。如果有人可以看一下下面的代码,那就是为了我所做的错误,我会感激不尽。

<Viewbox Name="myViewBox" Stretch="Uniform">
  <!--Grid used to track mouse movements in this element for other reasons -->
  <Grid Name="grdViewboxGrid" MouseMove="trackMouse">
    <Canvas Name="cvsViewboxCanvas" MinWidth="270" MinHeight="270"   
            VerticalAlignment="Top" HorizontalAlignment="Center" 
            Panel.ZIndex="1" Background="Black"
            MouseUp="Canvas_MouseUp"
            MouseMove="Canvas_MouseMove">
      <Grid>
        <!--Would rather not post here for Intellectual Property reasons-->
        <!-- Extension of the image control -->
        <CustomImageUserControl />

        <Grid>
          <Grid Width="{Binding LabelWidthPercentage}"
                MaxWidth="50"
                Height="{Binding LabelHeightPercentage"
                MaxHeight="26"
                SnapsToDevicePixels="True" VerticalAlignment="Top"
                HorizontalAlignment="Left" Margin="5" IsHitTestVisible="False">
            <Label Name="lblViewboxLabel" HorizontalAlignment="Left"
                   Padding="5,5,5,0" Margin="0,5,0,0"
                   Style="{x:Null}"
                   Content="{Binding lblContent}" />
          </Grid>
          <Grid>
            <Grid Width="{Binding TextBoxWidthPercentage}"
                  MaxWidth="156"
                  Height="{Binding TextBoxHeightPercentage}"
                  MaxHeight="45"
                  SnapsToDevicePixels="True" Vertical="Top"
                  HorizontalAlignment="Right" Margin="5" IsHitTestVisible="False">
              <Border Style="{DynamicResource CustomBorder}" />
              <Grid>
                <Textbox Name="txtViewboxTextBox" Text="{Binding txtViewbox}" />
              </Grid>
            </Grid>
          </Grid>
        </Grid>
      </Grid>
    </Canvas>
  </Grid>
</Viewbox>

如果我不包含所需的内容,请告诉我,我会更新我的问题。任何帮助将不胜感激,现在这个问题现在是第4天: - (

1 个答案:

答案 0 :(得分:0)

我不确定为什么你需要这么多重叠的网格,但我希望我能回答你的问题:

为了在文本框中留下标签并为这两个控件中的每一个指定最大宽度,请使用带有两列的Grid并为每列设置MaxWidth属性。然后,将标签分配给左列(索引为0的列)并将文本框分配给右列(索引1)。相应的代码片段如下所示:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition MaxWidth="30"/>
        <ColumnDefinition MaxWidth="156" MinWidth="30"/>
    </Grid.ColumnDefinitions>
    <Label Grid.Column="0" x:Name="lblViewboxLabel" HorizontalAlignment="Left" Foreground="Yellow"
        Padding="5,5,5,0" Margin="0,5,0,0"
        Style="{x:Null}"
        Content="{Binding lblContent}" />
    <TextBox Grid.Column="1" x:Name="txtViewboxTextBox" Text="{Binding txtViewbox}" Background="Orange"/>
</Grid>

我还在右栏中分配了MinWidth;如果文本框不包含任何文本,则必须确保文本框不会完全消失。