.NET MAUI如何创建仅在Text非空非空白时渲染的自定义Label控件？

要实现一个和原生Label行为完全一致，但仅在绑定的Text非空且非空白字符时才渲染的可复用视图，你可以通过继承Label并添加属性变更监听来实现：

1. 创建自定义ConditionalLabel类 #

创建一个继承自Label的子类，重写属性变更方法来监听Text的变化，并自动控制视图的可见性：

using Microsoft.Maui.Controls;

namespace YourAppNamespace
{
    public class ConditionalLabel : Label
    {
        public ConditionalLabel()
        {
            // 初始化时立即检查Text状态
            UpdateVisibility();
        }

        protected override void OnPropertyChanged(string propertyName = null)
        {
            base.OnPropertyChanged(propertyName);
            
            // 仅在Text属性变更时更新可见性
            if (propertyName == TextProperty.PropertyName)
            {
                UpdateVisibility();
            }
        }

        private void UpdateVisibility()
        {
            // 判断Text是否为null、空字符串或全空白字符
            IsVisible = !string.IsNullOrWhiteSpace(Text);
        }
    }
}

2. 在XAML中使用自定义视图 #

在需要使用的页面XAML中引入自定义类的命名空间，然后像普通Label一样使用即可：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppNamespace"
             x:Class="YourAppNamespace.MainPage">

    <VerticalStackLayout Padding="20">
        <!-- 绑定Text属性，自动根据内容控制渲染状态 -->
        <local:ConditionalLabel Text="{Binding UserName}"
                                FontSize="20"
                                TextColor="#2D3748"
                                Margin="0 0 0 10" />
        
        <local:ConditionalLabel Text="{Binding UserDescription}"
                                FontSize="16"
                                TextColor="#718096" />
    </VerticalStackLayout>
</ContentPage>

说明 #

• 该子类完全继承原生Label的所有属性、样式和行为，仅新增了自动可见性控制逻辑。
• 无论是直接设置Text值，还是通过数据绑定更新Text，都会实时触发可见性检查。
• string.IsNullOrWhiteSpace会覆盖null、空字符串、全空格/制表符等空白场景，确保只有有效文本时才渲染视图。

内容的提问来源于stack exchange，提问作者Selig Drahcir