locked
Нажатие в пустую область RRS feed

  • Вопрос

  • Здравствуйте!
    Есть главное окно и кнопка,когда нажимаю на кнопку у меня гл.окно затемняется и появляется ListBox,где требуется выбрать элемент.Допустим нет нужного элемента:есть ли событие,чтобы при  нажатии  в пустую область,этот  ListBox закрылся?При выборе элемента ListBox закрывается.Или следует привязать кнопку "выход" к ListBox?
    11 января 2013 г. 5:35

Ответы

  • Если Вы использовали этот пример, то помятуя о системе событий в WPF можно изменить пример следующим образом:

    XAML:

        <Grid Style="{StaticResource LayoutRootStyle}">
            <Grid.RowDefinitions>
                <RowDefinition Height="140"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
    
            <!-- Back button and page title -->
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Button x:Name="backButton" Click="GoBack" IsEnabled="{Binding Frame.CanGoBack, ElementName=pageRoot}" Style="{StaticResource BackButtonStyle}"/>
                <TextBlock x:Name="pageTitle" Grid.Column="1" Text="{StaticResource AppName}" Style="{StaticResource PageHeaderTextStyle}"/>
            </Grid>
            <Button x:Name="LoginButton" Content="Button" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="1" VerticalAlignment="Top" Click="LoginButton_Click"/>
            <Border Background="#7F000000" x:Name="loginLoader" Grid.RowSpan="2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Visibility="Collapsed"
                    UIElement.PointerReleased="OnPointerReleased">
                <Grid VerticalAlignment="Center" HorizontalAlignment="Center">
                    <StackPanel Background="Gray">
                        <TextBlock x:Name="messageTextBox" Style="{StaticResource PageHeaderTextStyle}" FontWeight="SemiBold"/>
                        <ProgressRing x:Name="progressRing" Width="128" Height="128" IsActive="True"/>
                    </StackPanel>
                </Grid>
            </Border>
    
            <VisualStateManager.VisualStateGroups>
    
                <!-- Visual states reflect the application's view state -->
                <VisualStateGroup x:Name="ApplicationViewStates">
                    <VisualState x:Name="FullScreenLandscape"/>
                    <VisualState x:Name="Filled"/>
    
                    <!-- The entire page respects the narrower 100-pixel margin convention for portrait -->
                    <VisualState x:Name="FullScreenPortrait">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="backButton" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PortraitBackButtonStyle}"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
    
                    <!-- The back button and title have different styles when snapped -->
                    <VisualState x:Name="Snapped">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="backButton" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SnappedBackButtonStyle}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="pageTitle" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SnappedPageHeaderTextStyle}"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
        </Grid>

    Код:

            private void LoginButton_Click(object sender, RoutedEventArgs e)
            {
                loginLoader.Visibility = Visibility.Visible;
                messageTextBox.Text = "Авторизация пользователя";
    
                // TODO: DoLogin()
                //messageTextBox.Text = String.Empty;
                //loginLoader.Visibility = Visibility.Collapsed;
            }
    
            private void OnPointerReleased(object sender, PointerRoutedEventArgs pointerRoutedEventArgs)
            {
                var border = pointerRoutedEventArgs.OriginalSource as Border;
                if(border == null) return;
                messageTextBox.Text = String.Empty;
                loginLoader.Visibility = Visibility.Collapsed;
            }
    

    Изменения выделены жирным.

    При этом если клик будет происходить не в Border - ничего не закроется, а если кликнете на Border'e то верхнее окно закроется.


    • Изменено Kirill Bessonov 11 января 2013 г. 6:30
    • Помечено в качестве ответа xero-rock 11 января 2013 г. 7:14
    11 января 2013 г. 6:29