所以我有一个相当有趣的问题。我有一个视图框,其中包含一些元素(图像的自定义用户控件,画布,标签和文本框)。我想要的是尝试让所有元素与视图框一起缩放,但我希望标签和文本框具有"最大尺寸。"我尝试在这些控件上使用最大宽度和高度,但它们似乎忽略了它。如果有人可以看一下下面的代码,那就是为了我所做的错误,我会感激不尽。
<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天: - (
答案 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
;如果文本框不包含任何文本,则必须确保文本框不会完全消失。