列表框數據模板和可見狀態的問題

Question

我有一個用戶控件設置爲列表框項目的列表框。在這個列表框中，我有幾個網格和兩個按鈕。

<Grid x:Name="LayoutRoot" HorizontalAlignment="Stretch"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="120" /> 
     <RowDefinition x:Name="personDetailHolder" Height="*" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="92.915" /> 
     <ColumnDefinition /> 
    </Grid.ColumnDefinitions> 
    <StackPanel Grid.RowSpan="2" 
       Grid.ColumnSpan="2" 
       Margin="0,0,-0.042,0" 
       Orientation="Vertical" 
       d:LayoutOverrides="Height"> 
     <Grid Height="117" Margin="3,0,0,0"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="117" /> 
       <RowDefinition Height="*" /> 
      </Grid.RowDefinitions> 
      <Rectangle /> 
      <!-- removed for brevity --> 

      <Button x:Name="btnViewDetails" 
        Width="106" 
        Height="24" 
        Margin="0,0,3,6" 
        HorizontalAlignment="Right" 
        VerticalAlignment="Bottom" 
        Click="btnDetails_Click" 
        Foreground="#FFFBCE2F" 
        Style="{StaticResource ViewDetailsButton}" /> 
      <!-- Detail section --> 
      <Grid x:Name="personDetail" 
        Grid.Row="1" 
        MinHeight="365" 
        Margin="0,0,5,-376" 
        VerticalAlignment="Bottom" 
        RenderTransformOrigin="0.5,0.5" 
        Visibility="Collapsed"> 
       <Rectangle /> 
       <!-- removed for brevity --> 

       <Button x:Name="btnCloseDetails" 
         Width="123" 
         Height="24" 
         Margin="0,8,8,0" 
         HorizontalAlignment="Right" 
         VerticalAlignment="Top" 
         Click="btnDetails_Click" 
         Foreground="#FFFBC42F" 
         Style="{StaticResource CloseDetailsButton}" /> 

      </Grid> 
     </Grid> 
    </StackPanel> 
</Grid> 

單擊事件btnDetails_Click在代碼中調用一個事件的用戶控制

private void btnDetails_Click(object sender, System.Windows.RoutedEventArgs e) 
{ 
    UIPanelControl cp = new UIPanelControl(); 
    cp.CheckDetailPanelStatus(this.personDetail, this.personDetailHolder, this.btnViewDetails, this.btnCloseDetails, this.detailAnimation); 
} 

其調用該方法的背後

public void CheckDetailPanelStatus(Grid panelName, RowDefinition rowName, Button openButtonName, Button closeButtonName, Storyboard animi) 
{ 
    if (panelName.Visibility == System.Windows.Visibility.Visible) 
    { 
     panelName.Visibility = System.Windows.Visibility.Collapsed; 
     rowName.Height = new GridLength(0); 
     openButtonName.Visibility = System.Windows.Visibility.Visible; 
     closeButtonName.Visibility = System.Windows.Visibility.Collapsed; 
    } 
    else 
    { 
     panelName.Visibility = System.Windows.Visibility.Visible; 
     rowName.Height = new GridLength(380); 
     openButtonName.Visibility = System.Windows.Visibility.Collapsed; 
     closeButtonName.Visibility = System.Windows.Visibility.Visible; 
     animi.Begin(); 

    } 
} 

這裏的目標是返回給用戶結果列表。用戶可以點擊View additional details按鈕展開第二部分，其中顯示有關所選記錄的更多詳細信息。我正在使用MVVM方法，因此命令會發送給虛擬機以方便第二個記錄羣。由於視圖中包含動畫，可見性等，因此我決定將這些事件保留在視圖代碼中。

此解決方案部分適用於當我點擊按鈕時該部分爲選定的列表框項目擴展。但是，如果向下滾動到其他結果，我會發現其他列表框項目會間歇性地展開。這裏沒有可重複的模式（即每5個項目或每個其他記錄）我也看到了一些情況，如果我選擇第一條記錄並展開它，然後向下滾動到下一條記錄並備份第一條記錄已被重置崩潰。

對於可能導致此問題的原因我很遺憾。

任何人都可以提供任何見解，爲什麼我看到這種情況發生或如何防止這種情況發生？

Answer 1

我認爲這可以更好地使用VisualStates實現，而不是在click事件上手動設置屬性。

只需在列表項的模板中添加兩個視覺狀態，一個用於「ShowDetails」，一個用於「HideDetails」。然後你可以使用行爲GoToVisualStateBehavior在點擊按鈕（我認爲應該是ToggleButton）之間翻轉它們。

否則，您可以使用Expander按鈕來執行此操作。

希望這有助於:)

Answer 2

而不是使用以下命令更改知名度

panelName.Visibility = System.Windows.Visibility.Collapsed; 

要設置在XAML的東西能見度像

<Grid x:Name="personDetail" 
      Grid.Row="1" 
      MinHeight="365" 
      Margin="0,0,5,-376" 
      VerticalAlignment="Bottom" 
      RenderTransformOrigin="0.5,0.5" 
      Visibility="{Binding PersonDetailVisibility}"> 

假設你有類似有線的屬性更改事件處理程序：

 PropertyChanged += new 
     PropertyChangedEventHandler(PersonDetailViewModel_PropertyChanged); 

然後改變你的PersonDetail在虛擬機可視性財產，你需要提高的屬性更改事件

  this.RaisePropertyChanged(() => this.PersonDetailVisibility); 

Answer 3

你們看到的是使用對象重用，以節省內存，提高性能列表框的結果，可能一個GridView內發生了類似的事情太多。該控件所做的是創建X ListBoxItems，並在這些容器的數據項不在視圖中時重新使用這些容器（Loaded/Unloaded）。所以如果你改變容器的外觀，它將改變共享容器的所有數據項的外觀。

要解決這個問題，你可以; 處理ListBoxItem的Loaded/Unloaded事件並在Unloaded事件觸發時修復UI。 或者，讓你已經綁定到列表選擇的項目知道並讓他們改變ListBoxItem的外觀，所以當他們被加載/卸載時，綁定引擎將負責重置UI。