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:
Aclaraciones importantes:
- 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
- Apenas llevo 1 mes y medio estudiando WPF y C#, así que aún soy nivel novato
- 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
- 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