如何隐藏空的TextBlock？答案

【问题标题】：How to hide the empty TextBlock?如何隐藏空的TextBlock？
【发布时间】：2011-07-31 05:45:14
【问题描述】：

在下面提供的 XAML 中，有时我没有 Phone 的值。发生这种情况时，该值会丢失，但TextBlock 仍会占用面板中的空间。我想隐藏空的TextBlocks，以免占用StackPanel 中的空间。

这是 XAML：

<StackPanel>
    <TextBlock Text="{Binding Path=FirstName}" />
    <TextBlock Text="{Binding Path=LastName}" />
    <TextBlock Text="{Binding Path=Phone}" />
    <TextBlock Text="{Binding Path=Email}" />
</StackPanel>

我已阅读 this article，但接受的答案对我不起作用：

<StackPanel>
    <TextBlock Text="{Binding Path=FirstName}" />
    <TextBlock Text="{Binding Path=LastName}" />
    <TextBlock Text="{Binding Path=Phone}">
        <TextBlock.Style>
            <Style TargetType="TextBlock">
                <Style.Triggers>
                    <Trigger Property="Text" Value="{x:Null}">
                        <Setter Property="Visibility" Value="Collapsed" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </TextBlock.Style>
    </TextBlock>
    <TextBlock Text="{Binding Path=Email}" />
</StackPanel>

我是在某处犯了错误，还是接受的答案有误？我应该怎么做才能实现我的目标？

【问题讨论】：

手机属性在创建或删除时是String.Empty还是Null？
它是空的。问题解决了:)

标签： wpf

【解决方案1】：

你可能需要使用：

<Style TargetType="TextBlock">
        <Style.Triggers>
            <Trigger Property="Text" Value="">
                <Setter Property="Visibility" Value="Collapsed" />
            </Trigger>
        </Style.Triggers>
</Style>

或者两者兼而有之：

<Style TargetType="TextBlock">
        <Style.Triggers>
            <Trigger Property="Text" Value="">
                <Setter Property="Visibility" Value="Collapsed" />
            </Trigger>
            <Trigger Property="Text" Value="{x:Null}">
                <Setter Property="Visibility" Value="Collapsed" />
            </Trigger>
        </Style.Triggers>
</Style>

【讨论】：

这具有隐藏我的每一个标签的奇怪效果，包括复选框右侧的文本。不好:)
@RomanStarkov 将 <Style> 移动到 ` 元素，该元素具有更适合您的标签的范围（可能是封闭的 <StackPanel>）或使用 x:Key，因此仅应用命名样式.

【解决方案2】：

我倾向于使用能够处理 null 或空字符串的转换器，而不是仅仅为此引入样式。

<TextBlock Text="{Binding Foo}"
           Visibility="{Binding Foo, 
                        Converter={StaticResource StringToVisibilityConverter}}" />

StringToVisibilityConverter 的定义如下：

[ValueConversion(typeof(string), typeof(Visibility))]
public class StringToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (string.IsNullOrEmpty((string)value))
        {
            return Visibility.Collapsed;
        }
        else
        {
            return Visibility.Visible;
        }
    }

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

【讨论】：

我通常使用Converters 来转换数据以使其对最终用户更加友好，但您的代码工作得很好。不过，我更喜欢我的场景的样式。无论哪种方式都感谢您的回答！
通常我同意这一点，但请查看 WPF 提供的 ONE 内置转换器：BooleanToVisibilityConverter。它与您正在做的事情完全相同，但使用布尔值
+1 将两个执行相同功能的触发器合并为一个总是很好。
您可能指的是Visibility=...，而不是Text=...。我冒昧地改变了这一点。
这是最简洁、最直接的解决方案，比冗长的恕我直言更好。但是有两个小 cmets：在许多情况下，String.IsNullOrWhiteSpace() 可能更可取。其次，使用Visibility="{Binding Path=Text, RelativeSource={RelativeSource Self}, Converter={StaticResource StringValidConverter}}" 避免直接重复引用绑定值。

【解决方案3】：

您可以使用DataTrigger：

<TextBlock Text="{Binding Path=Title}">
    <TextBlock.Style>
       <Style TargetType="TextBlock">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Title}" Value="{x:Null}">
                    <Setter Property="Visibility" Value="Collapsed" />
                </DataTrigger>
            </Style.Triggers>
       </Style>
    </TextBlock.Style>
</TextBlock>

【讨论】：