BooleanToVisibilityConverterを反転するにはどうすればよいですか?


143

BooleanToVisibilityConverterWPFでを使用してVisibility、コントロールのプロパティをにバインドしていますBoolean。これは正常に動作しますが、ブール値がtrueである場合は非表示にし、ブール値である場合は表示するコントロールのいずれかが必要falseです。


注:ベータ4以降-silverlightにはBooleanToVisibilityが含まれていないため、とにかく自分で実装する必要があります
Simon_Weaver

反転がサポートを受けるためのユーザーボイスの提案を追加しましたvisualstudio.uservoice.com/forums/121579-visual-studio-2015/...を
Thraka

彼らがそのようなことをするためにいくつかのコンバーター・パラメーターを実装しなかったとは信じられません。
カミル

回答:



250

反転する代わりにIValueConverter、ブール値をtrueとfalseの構成可能なターゲット値に変換できる一般的な実装を使用して、同じ目標を達成できます。以下はそのような実装の1つです。

public class BooleanConverter<T> : IValueConverter
{
    public BooleanConverter(T trueValue, T falseValue)
    {
        True = trueValue;
        False = falseValue;
    }

    public T True { get; set; }
    public T False { get; set; }

    public virtual object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is bool && ((bool) value) ? True : False;
    }

    public virtual object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is T && EqualityComparer<T>.Default.Equals((T) value, True);
    }
}

次に、それをサブクラス化しTますVisibility

public sealed class BooleanToVisibilityConverter : BooleanConverter<Visibility>
{
    public BooleanToVisibilityConverter() : 
        base(Visibility.Visible, Visibility.Collapsed) {}
}

最後に、これはBooleanToVisibilityConverter上記のXAMLで使用して、たとえばCollapsedtrueとVisiblefalseに使用するように構成する方法です。

<Application.Resources>
    <app:BooleanToVisibilityConverter 
        x:Key="BooleanToVisibilityConverter" 
        True="Collapsed" 
        False="Visible" />
</Application.Resources>

この反転はIsHidden、反対の名前のブールプロパティにバインドする場合に便利ですIsVisible


私は何かが足りないかもしれませんが、否定されたプロパティだけが必要ではありませんか?stackoverflow.com/questions/534575/...
OscarRyz

9
@OscarRyz:より複雑なUIの場合、コードカバレッジを維持するために理論的にユニットテストを行う必要のある別のプロパティは言うまでもなく、ビューモデルに非常に煩わしい混乱が追加され始めます。ビューモデルは、取得する必要はありませんつまりそうあなたにもちょうど持っているかもしれませんが、ビューの実装の詳細に近くをVisibilityあなたのビューモデルのプロパティを。
アーロノート

これはとても簡単ですが、非常に役立ちます。@AtifAzizありがとうございます。
TheLastGIS

48
using System;
using System.Globalization;
using System.Windows;
using System.Windows.Data;

public sealed class BooleanToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var flag = false;
        if (value is bool)
        {
            flag = (bool)value;
        }
        else if (value is bool?)
        {
            var nullable = (bool?)value;
            flag = nullable.GetValueOrDefault();
        }
        if (parameter != null)
        {
            if (bool.Parse((string)parameter))
            {
                flag = !flag;
            }
        }
        if (flag)
        {
            return Visibility.Visible;
        }
        else
        {
            return Visibility.Collapsed;
        }
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var back = ((value is Visibility) && (((Visibility)value) == Visibility.Visible));
        if (parameter != null)
        {
            if ((bool)parameter)
            {
                back = !back;
            }
        }
        return back;
    }
}

次に、ConverterParameterとしてtrueまたはfalseを渡します。

       <Grid.Visibility>
                <Binding Path="IsYesNoButtonSetVisible" Converter="{StaticResource booleanToVisibilityConverter}" ConverterParameter="true"/>
        </Grid.Visibility>

4
そのelse if (value is bool?)部分で、ReSharperは「式は常に偽である」と私に言っています。また、if (flag)パーツをのように簡潔に書き直すことができますreturn flag ? Visibility.Visible : Visibility.Collapsed;
Danilo Bargen、2012年

1
私は何かが足りないかもしれませんが、否定されたプロパティだけが必要ではありませんか?stackoverflow.com/questions/534575/...
OscarRyz

1
var nullable = (bool?)value; flag = nullable.GetValueOrDefault();はるかに短いとシンプルにすることができます:flag = (bool?)value ?? false;
ANeves

45

自分で書くのが今のところ最良の解決策です。以下は、通常と反転の両方を実行できるコンバーターの例です。これに問題がある場合は、質問してください。

[ValueConversion(typeof(bool), typeof(Visibility))]
public class InvertableBooleanToVisibilityConverter : IValueConverter
{
    enum Parameters
    {
        Normal, Inverted
    }

    public object Convert(object value, Type targetType,
                          object parameter, CultureInfo culture)
    {
        var boolValue = (bool)value;
        var direction = (Parameters)Enum.Parse(typeof(Parameters), (string)parameter);

        if(direction == Parameters.Inverted)
            return !boolValue? Visibility.Visible : Visibility.Collapsed;

        return boolValue? Visibility.Visible : Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType,
        object parameter, CultureInfo culture)
    {
        return null;
    }
}
<UserControl.Resources>
  <Converters:InvertableBooleanToVisibilityConverter x:Key="_Converter"/>
</UserControl.Resources>

<Button Visibility="{Binding IsRunning, Converter={StaticResource _Converter}, ConverterParameter=Inverted}">Start</Button>

2
一つだけ不思議に思っています。XAMLコード「Binding IsRunning」、サワーコードまたはオブジェクト「IsRunning」の値はどこにありますか?
What'sUP

IsRunningは私のビューモデルのプロパティです。このコードのコンテキストは長いですが、短いのは、計算を実行しているときに何かを非表示にする必要があり、他の非表示ではないものです。このコンバーターを作成して、ビューモデルに複数のプロパティを設定する必要がないようにしました。
Michael Hohlios、2011

2
あなたはドロップインの通常の代替することができますBooleanToVisibilityConverter:ヌルのパラメータをチェックしてParameter direction = Parameter.Normal; if (parameter != null) direction = (Parameter)Enum.Parse(typeof(Parameter), (string)parameter);
JCH2k

20

CodeplexにはWPF Convertersプロジェクトもあります。彼らのドキュメントでは、MapConverterを使用してVisibility列挙型からboolに変換できると述べています

<Label>
    <Label.Visible>
        <Binding Path="IsVisible">
            <Binding.Converter>
                <con:MapConverter>
                    <con:Mapping From="True" To="{x:Static Visibility.Visible}"/>
                    <con:Mapping From="False" To="{x:Static Visibility.Hidden}"/>
                </con:MapConverter>
            </Binding.Converter>
        </Binding>
    </Label.Visible>
</Label>

1
WPFコンバーターには、反転可能なBooleanToVisibilityConverterが含まれるようになりました。
vinod 2013年

17

ViewModelブール値(IsButtonVisible)をxaml Control Visibilityプロパティにバインドするもう1つの方法。コーディングなし、変換なし、スタイリングのみ。

<Style TargetType={x:Type Button} x:Key="HideShow">
   <Style.Triggers>
      <DataTrigger Binding="{Binding IsButtonVisible}" Value="False">
          <Setter Property="Visibility" Value="Hidden"/>
      </DataTrigger>
   </Style.Triggers>
</Style>

<Button Style="{StaticResource HideShow}">Hello</Button>

15

または本当の怠惰な男の方法、すでにあるものを利用してそれを裏返すだけです:

public class InverseBooleanToVisibilityConverter : IValueConverter
{
    private BooleanToVisibilityConverter _converter = new BooleanToVisibilityConverter();

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        var result = _converter.Convert(value, targetType, parameter, culture) as Visibility?;
        return result == Visibility.Collapsed ? Visibility.Visible : Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        var result = _converter.ConvertBack(value, targetType, parameter, culture) as bool?;
        return result == true ? false : true;
    }
}

5

カスタムコンバーターを作成したくない場合は、データトリガーを使用してこれを解決できます。

<Style.Triggers>
        <DataTrigger Binding="{Binding YourBinaryOption}" Value="True">
                 <Setter Property="Visibility" Value="Visible" />
        </DataTrigger>
        <DataTrigger Binding="{Binding YourBinaryOption}" Value="False">
                 <Setter Property="Visibility" Value="Collapsed" />
        </DataTrigger>
</Style.Triggers>

3

私はこれについて投稿しました。Michael Hohliosがしたのと同じようなアイデアを使用しました。「オブジェクトパラメータ」ではなく、プロパティのみを使用しました。



私の意見では、Visibilityをプロパティを使用したWPFのbool値にバインドすると、読みやすくなります。

<local:BoolToVisibleOrHidden x:Key="BoolToVisConverter" Collapse="True" Reverse="True" />

私自身のコメントのフォローアップです。プロパティを使用する場合、コンバーターを作成する場合は、リバースであるオブジェクトとそうでないオブジェクトを別々に作成する必要があります。パラメータを使用する場合、1つのオブジェクトを複数のアイテムに使用できますが、注意を怠ると混乱を招く可能性があります。したがって、両方に長所と短所があります。
Rhyous

これは、ブールから色へのコンバーターを実現するのに非常に役立ちました。ありがとう
Federinik 2015

3

これは私が書いてよく使うものです。値を反転するかどうかを示すブールコンバーターパラメーターを使用し、XORを使用して否定を実行します。

[ValueConversion(typeof(bool), typeof(System.Windows.Visibility))]
public class BooleanVisibilityConverter : IValueConverter
{
    System.Windows.Visibility _visibilityWhenFalse = System.Windows.Visibility.Collapsed;

    /// <summary>
    /// Gets or sets the <see cref="System.Windows.Visibility"/> value to use when the value is false. Defaults to collapsed.
    /// </summary>
    public System.Windows.Visibility VisibilityWhenFalse
    {
        get { return _visibilityWhenFalse; }
        set { _visibilityWhenFalse = value; }
    }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool negateValue;
        Boolean.TryParse(parameter as string, out negateValue);

        bool val = negateValue ^ System.Convert.ToBoolean(value); //Negate the value when negateValue is true using XOR
        return val ? System.Windows.Visibility.Visible : _visibilityWhenFalse;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool negateValue;
        Boolean.TryParse(parameter as string, out negateValue);

        if ((System.Windows.Visibility)value == System.Windows.Visibility.Visible)
            return true ^ negateValue;
        else
            return false ^ negateValue;
    }
}

参照用のXOR真理値表を次に示します。

        XOR
        x  y  XOR
        ---------
        0  0  0
        0  1  1
        1  0  1
        1  1  0

2

より一般的な答えを探していましたが、見つかりませんでした。私は他の人を助けるかもしれないコンバーターを書きました。

これは、6つの異なるケースを区別する必要があるという事実に基づいています。

  • True 2表示、False 2非表示
  • True 2表示、False 2折りたたみ
  • True 2非表示、False 2表示
  • True 2崩壊、False 2可視
  • True 2 Hidden、False 2 Collapsed
  • True 2折りたたみ、False 2非表示

最初の4つのケースの実装は次のとおりです。

[ValueConversion(typeof(bool), typeof(Visibility))]
public class BooleanToVisibilityConverter : IValueConverter
{
    enum Types
    {
        /// <summary>
        /// True to Visible, False to Collapsed
        /// </summary>
        t2v_f2c,
        /// <summary>
        /// True to Visible, False to Hidden
        /// </summary>
        t2v_f2h,
        /// <summary>
        /// True to Collapsed, False to Visible
        /// </summary>
        t2c_f2v,
        /// <summary>
        /// True to Hidden, False to Visible
        /// </summary>
        t2h_f2v,
    }
    public object Convert(object value, Type targetType,
                          object parameter, CultureInfo culture)
    {
        var b = (bool)value;
        string p = (string)parameter;
        var type = (Types)Enum.Parse(typeof(Types), (string)parameter);
        switch (type)
        {
            case Types.t2v_f2c:
                return b ? Visibility.Visible : Visibility.Collapsed; 
            case Types.t2v_f2h:
                return b ? Visibility.Visible : Visibility.Hidden; 
            case Types.t2c_f2v:
                return b ? Visibility.Collapsed : Visibility.Visible; 
            case Types.t2h_f2v:
                return b ? Visibility.Hidden : Visibility.Visible; 
        }
        throw new NotImplementedException();
    }

    public object ConvertBack(object value, Type targetType,
        object parameter, CultureInfo culture)
    {
        var v = (Visibility)value;
        string p = (string)parameter;
        var type = (Types)Enum.Parse(typeof(Types), (string)parameter);
        switch (type)
        {
            case Types.t2v_f2c:
                if (v == Visibility.Visible)
                    return true;
                else if (v == Visibility.Collapsed)
                    return false;
                break;
            case Types.t2v_f2h:
                if (v == Visibility.Visible)
                    return true;
                else if (v == Visibility.Hidden)
                    return false;
                break;
            case Types.t2c_f2v:
                if (v == Visibility.Visible)
                    return false;
                else if (v == Visibility.Collapsed)
                    return true;
                break;
            case Types.t2h_f2v:
                if (v == Visibility.Visible)
                    return false;
                else if (v == Visibility.Hidden)
                    return true;
                break;
        }
        throw new InvalidOperationException();
    }
}

例:

Visibility="{Binding HasItems, Converter={StaticResource BooleanToVisibilityConverter}, ConverterParameter='t2v_f2c'}"

パラメータは覚えやすいと思います。

それが誰かを助けることを願っています。


2

QuickConverterを使用できます。

QuickConverterを使用すると、BindingExpressionとインラインでコンバータロジックを記述できます

以下は、反転BooleanToVisibilityコンバーターです。

Visibility="{qc:Binding '!$P ? Visibility.Visible : Visibility.Collapsed', P={Binding Example}}"

NuGetを介してQuickConverterを追加できます。セットアップのドキュメントをご覧ください。リンク:https : //quickconverter.codeplex.com/


1

独自の変換を記述します。

public class ReverseBooleanToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
   {
       // your converter code here
   }
}

0

このように使用できるシンプルな一方向バージョン:

Visibility="{Binding IsHidden, Converter={x:Static Ui:Converters.BooleanToVisibility}, ConverterParameter=true}

このように実装できます:

public class BooleanToVisibilityConverter : IValueConverter
{
  public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
  {
    var invert = false;

    if (parameter != null)
    {
      invert = Boolean.Parse(parameter.ToString());
    }

    var booleanValue = (bool) value;

    return ((booleanValue && !invert) || (!booleanValue && invert)) 
      ? Visibility.Visible : Visibility.Collapsed;
  }

  public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
  {
    throw new NotImplementedException();
  }
}

0

すべてをすべてに変換します(bool、string、enumなど):

public class EverythingConverterValue
{
    public object ConditionValue { get; set; }
    public object ResultValue { get; set; }
}

public class EverythingConverterList : List<EverythingConverterValue>
{

}

public class EverythingConverter : IValueConverter
{
    public EverythingConverterList Conditions { get; set; } = new EverythingConverterList();

    public object NullResultValue { get; set; }
    public object NullBackValue { get; set; }

    public object Convert(object value, Type targetType,
        object parameter, CultureInfo culture)
    {
        return Conditions.Where(x => x.ConditionValue.Equals(value)).Select(x => x.ResultValue).FirstOrDefault() ?? NullResultValue;
    }
    public object ConvertBack(object value, Type targetType,
        object parameter, CultureInfo culture)
    {
        return Conditions.Where(x => x.ResultValue.Equals(value)).Select(x => x.ConditionValue).FirstOrDefault() ?? NullBackValue;
    }
}

XAMLの例:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:conv="clr-namespace:MvvmGo.Converters;assembly=MvvmGo.WindowsWPF"
                xmlns:sys="clr-namespace:System;assembly=mscorlib">

<conv:EverythingConverter x:Key="BooleanToVisibilityConverter">
    <conv:EverythingConverter.Conditions>
        <conv:EverythingConverterValue ResultValue="{x:Static Visibility.Visible}">
            <conv:EverythingConverterValue.ConditionValue>
                <sys:Boolean>True</sys:Boolean>
            </conv:EverythingConverterValue.ConditionValue>
        </conv:EverythingConverterValue>
        <conv:EverythingConverterValue ResultValue="{x:Static Visibility.Collapsed}">
            <conv:EverythingConverterValue.ConditionValue>
                <sys:Boolean>False</sys:Boolean>
            </conv:EverythingConverterValue.ConditionValue>
        </conv:EverythingConverterValue>
    </conv:EverythingConverter.Conditions>

</conv:EverythingConverter>

<conv:EverythingConverter x:Key="InvertBooleanToVisibilityConverter">
    <conv:EverythingConverter.Conditions>
        <conv:EverythingConverterValue ResultValue="{x:Static Visibility.Visible}">
            <conv:EverythingConverterValue.ConditionValue>
                <sys:Boolean>False</sys:Boolean>
            </conv:EverythingConverterValue.ConditionValue>
        </conv:EverythingConverterValue>
        <conv:EverythingConverterValue ResultValue="{x:Static Visibility.Collapsed}">
            <conv:EverythingConverterValue.ConditionValue>
                <sys:Boolean>True</sys:Boolean>
            </conv:EverythingConverterValue.ConditionValue>
        </conv:EverythingConverterValue>
    </conv:EverythingConverter.Conditions>
</conv:EverythingConverter>

<conv:EverythingConverter x:Key="MarriedConverter" NullResultValue="Single">
    <conv:EverythingConverter.Conditions>
        <conv:EverythingConverterValue ResultValue="Married">
            <conv:EverythingConverterValue.ConditionValue>
                <sys:Boolean>True</sys:Boolean>
            </conv:EverythingConverterValue.ConditionValue>
        </conv:EverythingConverterValue>
        <conv:EverythingConverterValue ResultValue="Single">
            <conv:EverythingConverterValue.ConditionValue>
                <sys:Boolean>False</sys:Boolean>
            </conv:EverythingConverterValue.ConditionValue>
        </conv:EverythingConverterValue>
    </conv:EverythingConverter.Conditions>
    <conv:EverythingConverter.NullBackValue>
        <sys:Boolean>False</sys:Boolean>
    </conv:EverythingConverter.NullBackValue>
</conv:EverythingConverter>


0

独自のコードを書く/再発明するのではなく、CalcBindingの使用を検討してください

Automatic two way convertion of bool expression to Visibility and back if target property has such type: description

    <Button Visibility="{c:Binding !IsChecked}" /> 
    <Button Visibility="{c:Binding IsChecked, FalseToVisibility=Hidden}" />

CalcBindingは、他の多くのシナリオでも非常に役立ちます。


-2

これは古いことを知っていますが、何も再実装する必要はありません。

私がしたことは、このようなプロパティの値を否定することでした:

<!-- XAML code -->
<StackPanel Name="x"  Visibility="{Binding    Path=Specials, ElementName=MyWindow, Converter={StaticResource BooleanToVisibilityConverter}}"></StackPanel>    
<StackPanel Name="y"  Visibility="{Binding Path=NotSpecials, ElementName=MyWindow, Converter={StaticResource BooleanToVisibilityConverter}}"></StackPanel>        

....

//Code behind
public bool Specials
{
    get { return (bool) GetValue(SpecialsProperty); }
    set
    {
        NotSpecials= !value; 
        SetValue(SpecialsProperty, value);
    }
}

public bool NotSpecials
{
    get { return (bool) GetValue(NotSpecialsProperty); }
    set { SetValue(NotSpecialsProperty, value); }
}

そしてそれはうまくいきます!

何か不足していますか?


7
あなたはこれがより簡単な解決策であると考えており、単一のプロパティの場合はこれが当てはまるかもしれません(複数のプロパティでは再利用できないため、すべてのプロパティに実装する必要があります)。ただし、viewmodel / codeBehindやビューのすべてとは関係がないため、これは実装には不適切な場所だと思います。
Mike Fuchs
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.