Skip to main content
2 de 2
Reducción a dos bloques y añado todo el código usado para el programa

Problema de actualización de contedio en popup WPF c#

como están? Vengo a buscar ayuda porque llevo ya muchos días en lo mismo y no alcanzo a encontrar solución

Estoy creando un popup que se abre cuando el mouse pasa sobre algún control, la idea es que cuando se pase el mouse por otro control el popup cambie su ubicación y contenido, ya que solo quiero 1 popup a la vez en la pantalla, la frase que muestra se toma desde una BBDD, el problema es que no logro que el popup se cierre, cambie el contenido y se abra de nuevo en la nueva ubicación, en vez de esto el popup se mantiene abierto, cambia de ubicación aun estando abierto y sin cambiar el contenido, y luego al acabar el método MouseEnter se cierra y se vuelve a abrir con el nuevo contenido, esto da como resultado una especie de parpadeo que se ve super mal, en este corto video muestro el comportamiento:

https://youtu.be/skmxDVGQrYU

Aclaraciones importantes:

  1. Uso CodeBehind porque la idea es reutilizar el popup en todas las ventanas WPF, que son bastantes, esto me ahorra escribir todo el contenido en cada una de las ventanas, además el contenido del popup cambia, sería repetir el mismo código largo en todas las ventanas, me parece poco óptimo
  2. Apenas llevo 1 mes y medio estudiando WPF y C#, así que aún soy nivel novato
  3. La idea luego de arreglar este problema es mover el popup a una clase nueva, y que cada WPF simplemente llame esta clase cuando necesite un popup
  4. No uso binding para el contenido o estado porque como digo, el mismo popup se llama desde diferentes WPF, desconozco una mejor manera de implementar lo que quiero

Acá los códigos tal cual como los tengo en el programa reducido a solo dos bloques, no he usado mas ficheros, ni clases, ni métodos, ni wpf ni nada

El código c#:

using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Input;
using System.Windows.Media;

namespace TestPopup
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            popup.PopupAnimation = PopupAnimation.Fade;
            popup.AllowsTransparency = true;
        }
        // creo el popup que voy a reutilizar durante todo el programa
        private Popup popup = new Popup();

        // Primero paso el mouse por acá
        private void block_MouseEnter(object sender, MouseEventArgs e)
        {
            // Cierro el popup, aun cuando esté cerrado
            popup.IsOpen = false;   

            // Creo el grid
            Grid grid = new Grid       
            {
                Width = 50,
                Height = 50,
                Background = Brushes.Red,
            };

            // creo el textbox con el texto nuevo
            TextBlock textBlock = new TextBlock();
            textBlock.Text = "Hola";

            // Añado los hijos al grid y al popup
            grid.Children.Add(textBlock);
            popup.Child = grid;

            // Fijo el target para el popup
            popup.PlacementTarget = sender as UIElement;

            // Abro el popup
            popup.IsOpen = true;

            // Todo va bien hasta acá, se muetsra el
            // popup con el color y texto que quiero
        }


        // Ahora paso el mouse por acá
        private void label_MouseEnter(object sender, MouseEventArgs e)
        {

            // Cierro el popup
            popup.IsOpen = false;
            // Usando Debug paso a paso, veo a pesar de ordenarle que se
            // cierre en realidad no cierra, continúa abuerto

            // Creo el grid
            Grid grid = new Grid
            {
                Width = 50,
                Height = 50,
                Background = Brushes.Aqua,
            };

            // creo el textbox con el texto nuevo que quiero mostrar
            TextBlock textBlock = new TextBlock();
            textBlock.Text = "Adios";

            // Añado los hijos al grid y al popup
            grid.Children.Add(textBlock);
            popup.Child = grid;

            // Fijo el target para el popup
            popup.PlacementTarget = sender as UIElement;

            // Abro el popup
            popup.IsOpen = true;
            // Acá en debug claramente se ve como el popup
            // cambia de ubicaicón al nuevo target aún sin haberse cerrado,
            // y el contenido aún no cambia, solo cambia la ubicación
            // pero mostrando aún el contenido anterior
        }
        // Recién acá es cuando se cierra, se abre y cambia el contenido
        // por eso se ve el parpadeo
    }
}

El XAML:

<Window x:Class="TestPopup.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:TestPopup"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <TextBlock Name="block"
                   Text="Bloque 1"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"
                   FontSize="25"
                   MouseEnter="block_MouseEnter"/>

        <Label      Name="label"
                   Grid.Column="1"
                   Content="Bloque 2"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"
                   FontSize="25"
                   MouseEnter="label_MouseEnter"/>
    </Grid>
</Window>

Muchas gracias por su ayuda