2012-05-13 262 views
1

我正在研究一个小型的大学项目,我需要用一些表格和函数读取一个Lua文件,并从中做出一个形状。完成了。为什么双向数据绑定在WPF中不起作用?

问题是当我尝试使它交互。这是我的XAML:

<Window x:Class="Gemi.WPF.VentanaPrincipal" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:Gemi.WPF" 
     Title="GEMI - Geometría Interactiva!" Height="350" Width="525"> 
    <Window.Resources> 
     <local:DoblesAPunto x:Key="DoblesAPunto"/> 
    </Window.Resources> 
    <DockPanel LastChildFill="True" Background="White"> 
     <Grid DockPanel.Dock="Top"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="*"/> 
      </Grid.ColumnDefinitions> 
      <Label Content="Figura Seleccionada: "/> 
      <ComboBox Name="cbFiguras" HorizontalAlignment="Stretch" Grid.Column="1" 
         ItemsSource="{Binding Path=Figuras}" DisplayMemberPath="Nombre" SelectionChanged="cbFiguras_FiguraSeleccionada" /> 
     </Grid> 
     <ScrollViewer DockPanel.Dock="Bottom" Name="scrollPropiedades" 
         Height="Auto" VerticalScrollBarVisibility="Auto"> 
      <DockPanel Name="dpPropiedades"> 
       <StackPanel Orientation="Vertical" Name="spNombres" DockPanel.Dock="Left"/> 
       <StackPanel Orientation="Vertical" Name="spValores" DockPanel.Dock="Right" Margin="10, 0, 0, 0"/> 
      </DockPanel> 
     </ScrollViewer> 
     <DockPanel LastChildFill="True"> 
      <Slider Name="controlZoom" DockPanel.Dock="Bottom" Value="1" 
        Maximum="50" Minimum="0.1" Orientation="Horizontal" ToolTip="Controla el zoom de la figura"/> 
      <ItemsControl x:Name="cnvFigura" ItemsSource="{Binding Puntos}"> 
       <ItemsControl.LayoutTransform> 
        <ScaleTransform 
        CenterX="0" CenterY="0" 
        ScaleX="{Binding ElementName=controlZoom,Path=Value}" 
        ScaleY="{Binding ElementName=controlZoom,Path=Value}"/> 
       </ItemsControl.LayoutTransform> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <Path Fill="Black" local:DragCanvas.CanBeDragged="True" 
           local:DragCanvas.Top="{Binding Y, Mode=TwoWay}" 
           local:DragCanvas.Left="{Binding X, Mode=TwoWay}"> 
          <Path.Data> 
           <EllipseGeometry RadiusX="5" RadiusY="5"> 
            <EllipseGeometry.Center> 
             <MultiBinding Converter="{StaticResource DoblesAPunto}"> 
              <Binding Path="X" /> 
              <Binding Path="Y" /> 
             </MultiBinding> 
            </EllipseGeometry.Center> 
           </EllipseGeometry> 
          </Path.Data> 
          <Path.ToolTip> 
           <Grid> 
            <Grid.RowDefinitions> 
             <RowDefinition Height="Auto"/> 
             <RowDefinition Height="Auto"/> 
            </Grid.RowDefinitions> 
            <Grid.ColumnDefinitions> 
             <ColumnDefinition Width="Auto"/> 
             <ColumnDefinition Width="Auto"/> 
            </Grid.ColumnDefinitions> 
            <TextBlock Text="X = " Grid.Column="0" Grid.Row="0"/> 
            <TextBlock Text="{Binding X}" Grid.Column="1" Grid.Row="0"/> 
            <TextBlock Text="Y = " Grid.Column="0" Grid.Row="1"/> 
            <TextBlock Text="{Binding Y}" Grid.Column="1" Grid.Row="1"/> 
           </Grid> 
          </Path.ToolTip> 
         </Path> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
       <ItemsControl.ItemsPanel> 
        <ItemsPanelTemplate> 
         <local:DragCanvas IsItemsHost="True"/> 
        </ItemsPanelTemplate> 
       </ItemsControl.ItemsPanel> 
      </ItemsControl> 
     </DockPanel> 
    </DockPanel> 
</Window> 

问题在于绑定不会更新。即使拖动组成DataTemplate的省略号,也不会调用“Punto”对象的setter。有任何想法吗?

此外,为什么我似乎需要绑定椭圆的中心?如果我只绑定DragCanvas的顶部/底部/左/右,所有的点都绘制在0,0,这会引发一个问题,因为我不能将点进一步左移,也不能将顶点拖到最初的位置。

+1

也许是缺少模式= TwoWay? – daryal

回答

0

这可能是由于Drag-n-Drop不修改Canvas.Left和Canvas.Top而是使用转换(转换)引起的。

绑定到这个翻译可能会很棘手,因为我预计拖放系统会将此转换添加到转换组。所以它不会更新您添加到转换中的翻译。

+0

http://www.codeproject.com/Articles/15354/Dragging-Elements-in-a-Canvas如果你想看看它。我从WPF移动到XNA,尽管... WPF似乎没有游戏所需的“果汁”。 – Machinarius

+0

这取决于游戏的类型。 –

+0

基本上,我想做这个“游戏”,在屏幕上呈现形状。您可以拖动形状的边缘,并且应该实时更新形状的属性。 WPF是否有这个能力? – Machinarius