动态调整大小的WPF XAML数据绑定UserControl

我有一个带有包含文本框的网格的UserControl。该对象通过框中的文本动态调整自身大小。我需要将这个对象的尺寸绑定到我的模型上。绑定UserControl或Grid的'Width'和'Height'会破坏动态调整大小，因为我现在坚持使用模型中声明的任何初始大小。我尝试使用'minHeight'和'minWidth'，但这些不会将数据发送回模型，因为最小尺寸永远不会改变。我试图摆弄不同的模式（Oneway，ToWay等），但没有运气。动态调整大小的WPF XAML数据绑定UserControl

所以总结一下：我需要一种方法来绑定尺寸，同时保持文本框中文本的动态调整大小。

<UserControl x:Class="_02350Demo.View.ClassBoxUserControl" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
     xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Platform" 
     mc:Ignorable="d" 
     d:DesignHeight="300" d:DesignWidth="300" 
     Canvas.Left="{Binding X}" Canvas.Top="{Binding Y}" 
     Width="{Binding Width}" Height="{Binding Height}"> 
<UserControl.InputBindings> 
    <KeyBinding Modifiers="Control" Key="Z" Command="{Binding UndoCommand}" /> 
    <KeyBinding Modifiers="Control" Key="Y" Command="{Binding RedoCommand}" /> 
</UserControl.InputBindings> 


<Grid> 
    <Rectangle Opacity="{Binding DataContext.ModeOpacity, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" StrokeThickness="6" StrokeDashArray="3.1"> 
     <!-- The fill (background) color of the ellipse is a radial (center to edge) gradient (more than one color) brush. --> 
     <Rectangle.Fill> 
      <RadialGradientBrush> 
       <GradientStop Color="Black" Offset="0.0" /> 
      </RadialGradientBrush> 
     </Rectangle.Fill> 


     <i:Interaction.Triggers> 
      <i:EventTrigger EventName="MouseDown"> 
       <cmd:EventToCommand Command="{Binding DataContext.MouseDownShapeCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" PassEventArgsToCommand="True"/> 
      </i:EventTrigger> 
      <i:EventTrigger EventName="MouseMove"> 
       <cmd:EventToCommand Command="{Binding DataContext.MouseMoveShapeCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" PassEventArgsToCommand="True"/> 
      </i:EventTrigger> 
      <i:EventTrigger EventName="MouseUp"> 
       <cmd:EventToCommand Command="{Binding DataContext.MouseUpShapeCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" PassEventArgsToCommand="True"/> 
      </i:EventTrigger> 
     </i:Interaction.Triggers> 
    </Rectangle> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition /> 
     </Grid.RowDefinitions> 
     <TextBox Text="{Binding ContentClass}" HorizontalAlignment="Stretch" AcceptsReturn="True" TextWrapping="Wrap" VerticalAlignment="Stretch" Grid.Row="0" BorderThickness="1,1,1,1" BorderBrush="Gray" TextAlignment="Center" Margin="30,0,30,0"/> 
     <TextBox Text="{Binding ContentFields}" HorizontalAlignment="Stretch" AcceptsReturn="True" TextWrapping="Wrap" VerticalAlignment="Stretch" Grid.Row="1" BorderThickness="1,1,1,1" BorderBrush="Gray"/> 
     <TextBox Text="{Binding ContentMethods}" HorizontalAlignment="Stretch" AcceptsReturn="True" TextWrapping="Wrap" VerticalAlignment="Stretch" Grid.Row="2" BorderThickness="1,1,1,1" BorderBrush="Gray"/> 
    </Grid> 

</Grid>

来源

2017-09-05 AugustM

虽然宽度和高度用于固定的，用户设置的大小，你可能会寻找ActualWidth和ActualHeight代替。这些包含由WPF计算和显示的组件的实际大小。 – CShark

如果您只是想您的视图模型来了解UserControl的动态大小，你可以处理SizeChanged事件UserControl和设置您的视图模型的Width和Height源属性分别UserControl的ActualWidth和ActualHeight属性：

private void UserControl_SizeChanged(object sender, SizeChangedEventArgs e) 
{ 
    var vm = DataContext as YourViewModel; 
    vm.Height = ActualHeight; 
    vm.Width = ActualWidth; 
}

可在包裹吨他的行为，如果你想：https://www.codeproject.com/Articles/28959/Introduction-to-Attached-Behaviors-in-WPF

来源

2017-09-05 12:44:49 mm8

动态调整大小的WPF XAML数据绑定UserControl

回答

相关问题