Отображение содержимого только при выборе ListViewItem - PullRequest
Новая
       21

Отображение содержимого только при выборе ListViewItem

2 голосов
/ 10 ноября 2009

У меня есть ListBox, когда выбран один из ListBoxItems. Я хочу изменить видимость кнопки «Вид» и отобразить ее. Это означает, что состоянием по умолчанию является Скрытый.

Возможно ли это, и если да, могу ли я решить это с помощью триггера в XAML или в коде позади?

Часть XAML 

<ListBox Background="Transparent" 
      ItemContainerStyle="{StaticResource listBoxTemplate}" BorderThickness="0">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical" VerticalAlignment="Center" />
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid Background="Beige" Margin="10 10 10 10" 
                    HorizontalAlignment="Center" Width="500" Height="100"
                    VerticalAlignment="Stretch">
                <Grid.RowDefinitions>
                    <RowDefinition Name="TopRow" Height="50" />
                    <RowDefinition Name="BottomRow" Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Name="LeftSideMenu" Width="*"/>
                    <ColumnDefinition Name="Middle" Width="*"/>
                </Grid.ColumnDefinitions>
                <Label Grid.Column="0" Grid.Row="0" Content="{Binding name}" />

                <Button Grid.Column="1" VerticalAlignment="Center" 
                    Grid.RowSpan="2" Name="view" Click="viewClicked_Click"
                    Grid.Row="0">View</Button>

                <Label Grid.Column="0" Grid.Row="1" 
                    Content="{Binding description}" />
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Ответы [ 3 ]

7 голосов
/ 10 ноября 2009

[Старый бесполезный код]

EDIT: Ну, я не прочитал вопрос достаточно хорошо, но это должно сработать: Замените кнопку в вашем DataTemplate следующим: 

<Button Grid.Row="0" Grid.Column="1" Grid.RowSpan="2" VerticalAlignment="Center"
        Name="view" Click="viewClicked_Click"
        Content="View">
 <Button.Style>
  <Style TargetType="{x:Type Button}">
   <Setter Property="Visibility" Value="Collapsed"/>
   <Style.Triggers>
    <DataTrigger Binding="{Binding 
                           RelativeSource={RelativeSource Mode=FindAncestor,
                           AncestorType={x:Type ListBoxItem}},Path=IsSelected}" 
                 Value="True">
     <Setter Property="Visibility" Value="Visible"/>
    </DataTrigger>
   </Style.Triggers>
  </Style>
 </Button.Style>
</Button>

Что здесь происходит, так это то, что стиль устанавливает для свойства Visibility значение Collapsed и использует триггер для его изменения. Я использовал DataTrigger, чтобы вы могли использовать {Binding ...}. С {Binding RelativeSource={..}} вы можете искать Предка, здесь мы ищем Предка типа ListBoxItem.

Для этого нужно посмотреть «вверх» в дереве WPF, чтобы увидеть, есть ли у этой кнопки родительский объект типа ListBoxItem, если он найден, он проверит свойство IsSelected (Path=IsSelected), если оно истинно, и будет затем обновите свойство видимости кнопки.

Надеюсь, это объяснение имеет смысл! : -)

EDIT2: Просто для удовольствия, код позади пути: 

private Button _previousButton;
private void listBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
 if (_previousButton != null)
  _previousButton.Visibility = Visibility.Collapsed;

 // Make sure an item is selected
 if (listBox.SelectedItems.Count == 0)
  return;

 // Get the first SelectedItem (use a List<object> when 
 // the SelectionMode is set to Multiple)
 object selectedItem = listBox.SelectedItems[0];
 // Get the ListBoxItem from the ContainerGenerator
 ListBoxItem listBoxItem = listBox.ItemContainerGenerator.ContainerFromItem(selectedItem) as ListBoxItem;
 if (listBoxItem == null)
  return;

 // Find a button in the WPF Tree
 Button button = FindDescendant<Button>(listBoxItem);
 if (button == null)
  return;

 button.Visibility = Visibility.Visible;
 _previousButton = button;
}

/// <summary>
/// Finds the descendant of a dependency object.
/// </summary>
/// <typeparam name="T"></typeparam>
/// <param name="obj">The obj.</param>
/// <returns></returns>
public static T FindDescendant<T>(DependencyObject obj) where T : DependencyObject
{
 // Check if this object is the specified type
 if (obj is T)
  return obj as T;

 // Check for children
 int childrenCount = VisualTreeHelper.GetChildrenCount(obj);
 if (childrenCount < 1)
  return null;

 // First check all the children
 for (int i = 0; i < childrenCount; i++)
 {
  DependencyObject child = VisualTreeHelper.GetChild(obj, i);
  if (child is T)
   return child as T;
 }

 // Then check the childrens children
 for (int i = 0; i < childrenCount; i++)
 {
  DependencyObject child = FindDescendant<T>(VisualTreeHelper.GetChild(obj, i));
  if (child != null && child is T)
   return child as T;
 }

 return null;
}

Я предлагаю вам использовать «путь» XAML Trigger, потому что он намного чище ...

0 голосов
/ 10 ноября 2009

Если вы используете шаблон MVVM, вам следует привязать свою кнопку к ICommand, такому как DelegateCommand из MVVM Toolkit . Таким образом, кнопка будет использовать состояние команды CanExecute (), чтобы решить для себя, должна ли она быть включена или нет.

0 голосов
/ 10 ноября 2009

Используйте конвертер для выбранного элемента в списке, чтобы определить видимость. 

<Button Visibility="{Binding ElementName=lb, Path=SelectedItem, Converter={StaticResource TestConverter}}" />

Вот преобразователь значения 

public class TestConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null)
            return Visibility.Collapsed;
        else
            return Visibility.Visible;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new Exception("The method or operation is not implemented.");
    }
}
...