Question

关于mvvm工作空间（客户视图）的Josh Smith示例，我有一个主窗口和一个mainwindowviewmodel，它包含一个ObservableCollection“ChatTabViewModel”：

internal class FriendsListViewModel : ObservableObject
{
    #region bound properties
    private ICollectionView viewfriends;
    private ObservableCollection<ChatTabViewModel> _chatTab; 
    ...
    #endregion
}

我在xaml中有一个专门用于此集合的区域：

<ContentControl Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" Content="{Binding Path=ChatTabs}" ContentTemplate="{StaticResource ChatTabsTemplate}" />

在我的资源词典中：

<DataTemplate DataType="{x:Type vm:ChatTabViewModel}">
    <View:ChatTabView />
</DataTemplate>

<DataTemplate x:Key="ClosableTabItemTemplate">
    <DockPanel>
      <Button
        Command="{Binding Path=CloseCommand}"
        Content="X"
        Cursor="Hand"
        DockPanel.Dock="Right"
        Focusable="False"
        FontFamily="Courier"
        FontSize="9"
        FontWeight="Bold"
        Margin="0,1,0,0"
        Padding="0"
        VerticalContentAlignment="Bottom"
        Width="16" Height="16"
        />
      <ContentPresenter
        Content="{Binding Path=Caption, Mode=OneWay}"
        VerticalAlignment="Center">
      </ContentPresenter>
    </DockPanel>
</DataTemplate>

<DataTemplate x:Key="ChatTabsTemplate">
    <TabControl
      IsSynchronizedWithCurrentItem="True"
      ItemsSource="{Binding}"
      ItemTemplate="{StaticResource ClosableTabItemTemplate}"
      Margin="4"/>
</DataTemplate>

在用户事件中，我在我的集合中添加了一个新的ChattabViewModel，并在主窗口中显示与其相关的视图。

但是当我尝试在ChattabView的滚动条上添加附加属性时，此属性将仅附加在第一个ChattabViewModel实例上，其他选项卡将不会绑定到附加属性。这是ChattabView XAML：

 <ScrollViewer VerticalScrollBarVisibility="Auto" Grid.Row="0">
  <ItemsControl ItemsSource="{Binding Messages}" View:ItemsControlBehavior.ScrollOnNewItem="True">
  <ItemsControl.ItemTemplate>
    <DataTemplate>
        <TextBox IsReadOnly="True" TextWrapping="Wrap" Text="{Binding Path=DataContext, RelativeSource={RelativeSource Self}}" />
    </DataTemplate>
  </ItemsControl.ItemTemplate>    
</ItemsControl>
</ScrollViewer>

以及所附属性的代码：

namespace GtalkOntre.View
{
    /// <summary>
    /// Util class to scroll down when a new message is added.
    /// </summary>
    /// <remarks>attached property called ScrollOnNewItem that when set to true hooks into the INotifyCollectionChanged events of the itemscontrol items source and upon detecting a new item, scrolls the scrollbar to it.</remarks>
    public class ItemsControlBehavior
    {
        static Dictionary<ItemsControl, Capture> Associations = new Dictionary<ItemsControl, Capture>();

        public static bool GetScrollOnNewItem(DependencyObject obj)
        {
            return (bool)obj.GetValue(ScrollOnNewItemProperty);
        }

        public static void SetScrollOnNewItem(DependencyObject obj, bool value)
        {
            obj.SetValue(ScrollOnNewItemProperty, value);
        }          

        public static DependencyProperty ScrollOnNewItemProperty =
            DependencyProperty .RegisterAttached(
                "ScrollOnNewItem",
                typeof(bool),
                typeof(ItemsControlBehavior),
                new UIPropertyMetadata(false, OnScrollOnNewItemChanged));

        public static void OnScrollOnNewItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var mycontrol = d as ItemsControl;
            if (mycontrol == null) return;
            bool newValue = (bool)e.NewValue;
            if (newValue)
            {
                mycontrol.Loaded += MyControl_Loaded;
                mycontrol.Unloaded += MyControl_Unloaded;
            }
            else
            {
                mycontrol.Loaded -= MyControl_Loaded;
                mycontrol.Unloaded -= MyControl_Unloaded;
                if (Associations.ContainsKey(mycontrol))
                    Associations[mycontrol].Dispose();
            }
        }

        static void MyControl_Unloaded(object sender, RoutedEventArgs e)
        {
            var mycontrol = (ItemsControl)sender;
            Associations[mycontrol].Dispose();
            mycontrol.Unloaded -= MyControl_Unloaded;
        }

        static void MyControl_Loaded(object sender, RoutedEventArgs e)
        {
            var mycontrol = (ItemsControl)sender;
            var incc = mycontrol.Items as INotifyCollectionChanged;
            if (incc == null) return;
            mycontrol.Loaded -= MyControl_Loaded;
            Associations[mycontrol] = new Capture(mycontrol);
        }

        class Capture : IDisposable
        {
            public ItemsControl mycontrol { get; set; }
            public INotifyCollectionChanged incc { get; set; }

            public Capture(ItemsControl mycontrol)
            {
                this.mycontrol = mycontrol;
                incc = mycontrol.ItemsSource as INotifyCollectionChanged;
                incc.CollectionChanged +=incc_CollectionChanged;
            }

            void incc_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
            {                
                if (e.Action == NotifyCollectionChangedAction.Add)
                {
                    ScrollViewer sv = mycontrol.Parent as ScrollViewer;
                    sv.ScrollToBottom();
                }
            }

            public void Dispose()
            {
                incc.CollectionChanged -= incc_CollectionChanged;
            }
        }
    }
}

那么为什么附加属性只绑定一次，在chattabviewmodel集合的第一个“chattabview”出现？因此，只在第一个chattabviewmodel上工作。当我关闭它们时，附加属性将在chattabviewmodel的最后一个实例上取消绑定，当我添加新的第一个chattabviewmodel时，该属性将正确绑定。因此它只触发mainwindowviewmodel的“chattabviewmodel”集合的第一个实例和最后一个实例。

经过一周的搜索，我现在有点绝望......

到目前为止，我的假设是：问题可能与我将视图设置为字典资源中的viewmodel的方式有关。视图可能是共享的，第一个滚动条只能作出反应。我尝试在DataTemplate标记上添加x:Shared = false属性，但它没有改变任何内容。

Answer 1

您尚未向我们展示ChatTabsTemplate，因此我只能假设它包含TabControl。如果是这样，那就解释了您所看到的行为。 TabControl懒惰地加载其子选项卡项，因此仅初始化当前视图，因此将附加属性应用于它。但是，切换选项卡时，应该会看到相同的附加属性触发。那不是这样吗？

至于你的预感，这不太对劲。 DataTemplate 是正在共享，但DataTemplate用于创建其内容的不同实例，这些实例未被共享。

Answer 2

您确定要创建ChatTabView的不同实例吗？

我相信WPF的TabControl会重新使用现有模板，而不是创建一个新模板，只需替换后面的DataContext。

因此，它只会创建ChatTabView的一个副本，并且切换标签会将DataContext后面的ChatTabView替换为集合中的其他项目。

附加属性仅附加在第一个用户控件实例上

2 个答案: