elementos Ocultar WPF en el diseñador de Visual Studio

Question

que tienen una forma de WPF que básicamente es el siguiente:

<Window ...> 
    <Grid> 
    <DockPanel> 
     [content shown during normal operation] 
    </DockPanel> 

    <Grid Background="#CCCC" Visibility="Hidden"> 
     [overlay grid which is only shown during special circumstances] 
    </Grid> 
    </Grid> 
</Window> 

La cuadrícula de superposición esconde todo lo demás (es decir, el "contenido normal") y sólo se muestra en circunstancias especiales (es decir, si la conexión de red se desactiva). Esto funciona perfectamente bien cuando ejecuta el programa.

Ahora, en modo de diseño, el problema es que Visual Studio ignora el Visibility="Hidden". Por lo general, esto tiene mucho sentido (después de todo, quiero poder editar los elementos ocultos de la interfaz de usuario), pero en mi caso es molesto, porque me impide editar las cosas en DockPanel en el diseñador.

Por lo tanto, lo que me gustaría hacer es algo así:

<Grid Background="#CCCC" Visibility="Hidden" VS.ShowInDesigner="False"> 
    [overlay grid which is only shown during special circumstances] 
</Grid> 

Pero, por desgracia, no hay tal propiedad, o al menos ninguno que yo sepa. ¿Algunas ideas?

Answer 1

Buena solución, estaba teniendo un problema similar y estoy de acuerdo que hay casos en que es necesario. Aquí hay una actualización menor que le permite editar el valor para activar y desactivar IsHidden durante el diseño. También apliqué ScaleTransform en lugar de establecer Anchura y Altura para reducir un poco los artefactos de pantalla si se muestran los controles, etc. y para evitar conflictos si el control que se oculta ya tiene propiedades de Ancho y Alto establecidas (suponiendo que el control ya no tiene LayoutTransform establecido en él).

Public Class DesignModeTool 

    Public Shared ReadOnly IsHiddenProperty As DependencyProperty = DependencyProperty.RegisterAttached(_ 
    "IsHidden", GetType(Boolean), GetType(DesignModeTool), _ 
    New FrameworkPropertyMetadata(False, New PropertyChangedCallback(AddressOf OnIsHiddenChanged))) 

    Public Shared Sub SetIsHidden(ByVal element As FrameworkElement, ByVal value As Boolean) 
    element.SetValue(IsHiddenProperty, value) 
    End Sub 

    Public Shared Function GetIsHidden(ByVal element As FrameworkElement) As Boolean 
    Return DirectCast(element.GetValue(IsHiddenProperty), Boolean) 
    End Function 

    Private Shared Sub OnIsHiddenChanged(ByVal d As DependencyObject, ByVal e As DependencyPropertyChangedEventArgs) 
    If System.ComponentModel.DesignerProperties.GetIsInDesignMode(d) AndAlso True.Equals(e.NewValue) Then 
     With DirectCast(d, FrameworkElement) 
     .LayoutTransform = New ScaleTransform(0.001, 0.001) 
     End With 
    ElseIf System.ComponentModel.DesignerProperties.GetIsInDesignMode(d) AndAlso False.Equals(e.NewValue) Then 
     With DirectCast(d, FrameworkElement) 
     .LayoutTransform = Nothing 
     End With 
    End If 
    End Sub 
End Class 

Answer 2

Aparte de no usar el diseñador (realmente, considere esto) podría separar el contenido de Grid en un . De esta forma, puede actualizar ese UserControl aislado de la lógica de visibilidad.

Answer 3

Puesto que no hay es incorporado manera de hacer esto, decidí poner en práctica una solución a mí mismo, que fue sorprendentemente fácil de hacer uso de las propiedades asociadas:

Public Class DesignModeTool 
    Public Shared ReadOnly IsHiddenProperty As DependencyProperty = DependencyProperty.RegisterAttached(_ 
     "IsHidden", GetType(Boolean), GetType(DesignModeTool), _ 
     New FrameworkPropertyMetadata(False, New PropertyChangedCallback(AddressOf OnIsHiddenChanged))) 

    Public Shared Sub SetIsHidden(ByVal element As UIElement, ByVal value As Boolean) 
     element.SetValue(IsHiddenProperty, value) 
    End Sub 

    Public Shared Function GetIsHidden(ByVal element As UIElement) As Boolean 
     Return DirectCast(element.GetValue(IsHiddenProperty), Boolean) 
    End Function 

    Private Shared Sub OnIsHiddenChanged(ByVal d As DependencyObject, ByVal e As DependencyPropertyChangedEventArgs) 
     If System.ComponentModel.DesignerProperties.GetIsInDesignMode(d) AndAlso True.Equals(e.NewValue) Then 
      With DirectCast(d, FrameworkElement) 
       .Width = 0 
       .Height = 0 
      End With 
     End If 
    End Sub 
End Class 

Después de declarar un espacio de nombres, la función puede ser usado así:

<Grid ... local:DesignModeTool.IsHidden="True"> 
[stuff I don't want to be shown in the designer] 
</Grid> 

Answer 4

Me encontré con un problema similar recientemente.

Estoy usando un rectángulo para oscurecer la ventana principal durante la ejecución de un diálogo modal. Tengo los datos de Visibilidad vinculados, pero el Rectángulo hizo inutilizable el diseñador. Enloquecí el índice Z un enlace de datos de una vez, y un valor de reserva fue menor que la ventana que quería ocultar. Cuando se inicia la aplicación, el índice Z del rectángulo está ligado a un valor más alto que la ventana.

Answer 5

¡Buen trabajo! Traducido a C# y cambio la propiedad que está cambiando a RenderTransform.

static class DesignModeTool 
{ 
    public static readonly DependencyProperty IsHiddenProperty = 
     DependencyProperty.RegisterAttached("IsHidden", 
      typeof(bool), 
      typeof(DesignModeTool), 
      new FrameworkPropertyMetadata(false, 
       new PropertyChangedCallback(OnIsHiddenChanged))); 

    public static void SetIsHidden(FrameworkElement element, bool value) 
    { 
     element.SetValue(IsHiddenProperty, value); 
    } 

    public static bool GetIsHidden(FrameworkElement element) 
    { 
     return (bool)element.GetValue(IsHiddenProperty); 
    } 

    private static void OnIsHiddenChanged(DependencyObject d, 
              DependencyPropertyChangedEventArgs e) 
    { 
     if (!DesignerProperties.GetIsInDesignMode(d)) return; 
     var element = (FrameworkElement)d; 
     element.RenderTransform = (bool)e.NewValue 
      ? new ScaleTransform(0, 0) 
      : null; 
    } 
} 

Answer 6

Estoy en el otro lado ... odio VS 2012 por ocultar los controles WPF ocultos en el diseñador. Necesito verlos código gregsdennis por lo que he modificado para:

public class DesignModeTool 
{ 
    public static readonly DependencyProperty IsHiddenProperty = DependencyProperty.RegisterAttached("IsHidden", typeof(bool), typeof(DesignModeTool), new FrameworkPropertyMetadata(false, new PropertyChangedCallback(OnIsHiddenChanged))); 

    public static void SetIsHidden(FrameworkElement element, bool value) 
    { 
     element.SetValue(IsHiddenProperty, value); 
    } 

    public static bool GetIsHidden(FrameworkElement element) 
    { 
     return (bool)element.GetValue(IsHiddenProperty); 
    } 

    private static void OnIsHiddenChanged(DependencyObject d, 
              DependencyPropertyChangedEventArgs e) 
    { 
     if (!DesignerProperties.GetIsInDesignMode(d)) return; 
     var element = (FrameworkElement)d; 
     element.Visibility=Visibility.Visible; 

    } 
} 

wpfClasses2: DesignModeTool.IsHidden = "false" mostrará el control en modo de diseño.

Answer 7

A partir de VS2012 sólo puede utilizar el espacio de nombres de mezcla IsHidden atributo:

• añadir que, si no está ya presente xmlns: d = "http://schemas.microsoft.com/expression/blend/2008"
• puesta d: IsHidden = "true" en el elemento que desee ocultar en tiempo de diseño única

Answer 8

drongal en realidad tenía que establecer DesignModeTool.IsHidden = "true" para hacer que se muestre mis partes ocultas de mi control de usuario.