1

Expander раскрывается над TextBox. Это затрудняет выбор элемента из списка

Expander раскрывается над TextBox. Это затрудняет выбор элемента из списка. Т.е. когда курсор наведен на элемент списка, на него реагирует TextBox и выделить невозможно пока курсор в пересечении элемента экспандера и текстбокса. Как сделать так, чтобы TextBox был "неактивен" во время раскрытия экспандера?

Ниже код контрола c Экспандером и Главного окна

<Grid Background="#4D4D4D">
    <Border Grid.Column="0" BorderThickness="0,7.7,0,0" BorderBrush="{StaticResource ShadowTop}">
        <ListBoxItem x:Name="ListViewItemMenu" 
                     VerticalContentAlignment="Center" 
                     HorizontalContentAlignment="Center"
                     FontSize="16"
                     Content="{Binding Path=Header}"/>
    </Border>
    <Expander x:Name="ExpanderMenu" 
              Header="{Binding Path=Header}" 
              Background="{x:Null}"
              BorderThickness="0,7.7,0,0"
              Opacity="1">
        <ListView x:Name="ListViewMenu" 
                  ItemsSource="{Binding Path=SubItems}" 
                  Foreground="White"
                  Opacity="1"
                  SelectionChanged="ListViewMenu_SelectionChanged">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Path=Name}"
                               Opacity="1"/>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Expander>
</Grid>

Фрагмент кода MainWindow. Контролы добавляются в стекпанели в codebehind

<Canvas x:Name="CanvasRight" Grid.Row="1" Grid.Column="1">
    <!--панель меню-->
    <StackPanel Canvas.Top="0"  Canvas.ZIndex="1" Orientation="Horizontal">
        <StackPanel x:Name="menuPanel1" />
        <StackPanel x:Name="menuPanel2" />
        <StackPanel x:Name="menuPanel3" />
        <StackPanel x:Name="menuPanel4" />
    </StackPanel>
    <!--область страницы-->
    <StackPanel Margin="0" Canvas.Top="60" Canvas.ZIndex="2" x:Name="mainStackPanel" Orientation="Horizontal">
        <TextBox IsReadOnly="True" Width="500">fffffffffffffffffffffffffffffeeeeeeeeeeeeeefefeferfergergvegergergerge</TextBox>
    </StackPanel>
</Canvas>
9
  • Покажите разметку 15 ноя 2020 в 9:57
  • @Андрей NOP, добавил 15 ноя 2020 в 10:06
  • 1
    Так уберите ZIndex с текстбокса. Точнее с панели, в которой он находится. И используйте Grid вместо Canvas.
    – aepot
    15 ноя 2020 в 10:09
  • 1
    @aepot, Спасибо, весь вечер просидел вчера ) 15 ноя 2020 в 10:11
  • По-хорошему вам нужно использовать штатное Menu, натянув на него нужные стили, или даже ControlTemplate. А коллекцию элементов грузить из List или ObservableCollection. Если кратко, то если вам понадобится динамически изменять состав главного меню, вы столкнетесь с трудностями, потому что у вас захардкожено 4 пункта меню. Познакомьтесь с ItemsControl и ListBox, посмотрите примеры, изучите, как делается Binding к коллекции с помощью ItemsSource. Menu - это тот же ItemsControl, только уже заточеный под нужды меню. Еще есть команды - искать ICommand и класс RelayCommand.
    – aepot
    15 ноя 2020 в 10:37

1 ответ 1

3

@aepot в комментариях дал правильное решение. Нужно было убрать Canvas.ZIndex из StackPanel.

<StackPanel Margin="0" Canvas.Top="60" x:Name="mainStackPanel" Orientation="Horizontal">
    <TextBox IsReadOnly="True" Width="500">fffffffffffffffffffffffffffffeeeeeeeeeeeeeefefeferfergergvegergergerge</TextBox>
</StackPanel>
1
  • Посиавьте галку ответу
    – aepot
    17 ноя 2020 в 12:39

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.