Cómo cambiar la visibilidad de un control WPF desde ViewModel

Question

Tengo una aplicación WPF donde he tratado de implementar el patrón MVVM y Prism 2. Tengo un Usercontrol que se ha suscrito a un evento disparado desde otro Usercontrol. Me gustaría alternar la visibilidad de algunos elementos secundarios en el control de suscripción. Los eventos se disparan correctamente, incluso puedo vincular datos con éxito a algunos elementos. ¿Cómo puedo vincular Visibility o cualquier propiedad de estilo con ViewModel y cambiarlos dinámicamente?

Answer 1

Puede tener una propiedad booleana en su ViewModel y vincular esa propiedad a la propiedad Visibilidad de sus controles. Debido a que estará asigning un valor booleano y la propiedad de visibilidad espera un valor de visibilidad enumeración, tendrá que utilizar el convertidor BooleanToVisibilityConverter para hacer la conversión,

<Style.Resources> 
    <BooleanToVisibilityConverter x:Key="booleanToVisibilityConverter" /> 
</Style.Resources> 

<Image Visibility="{Binding Path=ShowImage, 
        Converter={StaticResource booleanToVisibilityConverter}}"/> 

Espero que esto ayude.

Ezequiel Jadib

Answer 2

Aunque la adición de una propiedad booleana y el uso de un convertidor de valores obras, recomendaría la adición de una propiedad de tipo visibilidad a este modelo de vista, por ejemplo,

public Visibility ImageVisibility 
{ 
    get { return shouldShowImage ? Visibility.Visible : Visibility.Collapsed } 
} 

La ventaja de este método es que no es necesario escribir un convertidor para cada propiedad que desea expresarse de una manera visual (por ejemplo, para un nivel de stock que convierte una etiqueta roja cuando cae por debajo de 10, podría tener un convertidor que use una vez o simplemente exponer una propiedad StockLabelBrush desde su VM)

Answer 3

Sé que esta es una pregunta antigua, pero hay una solución simple para las personas que se encuentran con este problema y encuentran esta respuesta.

En su modelo de vista, cree una propiedad "Visibilidad" de esta manera:

public Visibility ShowModifyButtons 
    { 
     get { return (Visibility)GetValue(ShowModifyButtonsProperty); } 
     set { SetValue(ShowModifyButtonsProperty, value); } 
    } 
public static readonly DependencyProperty ShowModifyButtonsProperty = 
     DependencyProperty.Register("ShowModifyButtons", typeof(Visibility), typeof(FileMatchViewModel), 
     new UIPropertyMetadata(Visibility.Collapsed)); 

En el XAML, se unen a ella de este modo:

<Button Focusable="False" Content="Save" Width="100" Margin="10" Visibility="{Binding ShowModifyButtons}"/> 

Ahora, a partir de su modelo de vista, puede establecer ShowModifyButtons en Visibility.Collapsed o Visibility.Visible según sea necesario.