如何为MAUI XAML Entry元素添加后缀装饰？

方法一：使用Grid布局包裹Entry和Label（最简单通用） #

这种方法无需自定义控件，用基础布局就能快速实现视觉上的后缀效果：

1. 在XAML中用Grid容器整合Entry和后缀文本，通过边距调整让两者视觉上融合为一个输入框：

<Grid BorderColor="LightGray"
      BorderThickness="1"
      CornerRadius="4"
      Padding="4">
    <!-- 给Entry右侧留空间放置后缀 -->
    <Entry x:Name="MyEntry"
           Placeholder="请输入内容"
           Margin="0,0,40,0" />
    <!-- 后缀文本，靠右居中对齐 -->
    <Label Text="test"
           TextColor="Gray"
           HorizontalOptions="End"
           VerticalOptions="Center"
           Margin="0,0,8,0" />
</Grid>

2. 样式调整：可以给Grid设置和Entry一致的边框、圆角，让整体看起来更统一。如果需要动态修改后缀内容，直接绑定Label的Text属性即可。

方法二：自定义Entry控件（适合多场景复用） #

如果项目中多个页面需要带后缀的Entry，建议封装成自定义控件提升复用性：

1. 创建自定义控件类：

using Microsoft.Maui.Controls;

namespace YourProjectNamespace
{
    public class EntryWithSuffix : Entry
    {
        // 定义后缀文本的绑定属性
        public static readonly BindableProperty SuffixTextProperty =
            BindableProperty.Create(nameof(SuffixText), typeof(string), typeof(EntryWithSuffix), string.Empty);

        public string SuffixText
        {
            get => (string)GetValue(SuffixTextProperty);
            set => SetValue(SuffixTextProperty, value);
        }
    }
}

2. 在XAML中使用自定义控件，通过ControlTemplate整合布局：

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

    <local:EntryWithSuffix SuffixText="test"
                           Placeholder="请输入内容">
        <local:EntryWithSuffix.ControlTemplate>
            <ControlTemplate>
                <Grid BorderColor="LightGray"
                      BorderThickness="1"
                      CornerRadius="4"
                      Padding="4">
                    <Entry x:Name="InnerEntry"
                           Placeholder="{TemplateBinding Placeholder}"
                           Text="{TemplateBinding Text}"
                           Margin="0,0,40,0" />
                    <Label Text="{TemplateBinding SuffixText}"
                           TextColor="Gray"
                           HorizontalOptions="End"
                           VerticalOptions="Center"
                           Margin="0,0,8,0" />
                </Grid>
            </ControlTemplate>
        </local:EntryWithSuffix.ControlTemplate>
    </local:EntryWithSuffix>

</ContentPage>

方法三：通过Handler自定义原生渲染（原生体验优化） #

如果需要让后缀真正嵌入Entry内部（而非布局叠加），可以用MAUI的Handler机制针对不同平台做原生级实现：

以Android平台为例，自定义EntryHandler：

using Microsoft.Maui.Handlers;
using Android.Widget;
using Android.Content;

namespace YourProjectNamespace.Platforms.Android
{
    public class CustomEntryHandler : EntryHandler
    {
        protected override void ConnectHandler(EditText platformView)
        {
            base.ConnectHandler(platformView);
            // 创建后缀文本控件
            var suffixTextView = new TextView(Context)
            {
                Text = "test",
                TextColor = Android.Graphics.Color.Gray
            };
            // 设置布局参数，调整位置
            var layoutParams = new Android.Widget.LinearLayout.LayoutParams(
                Android.Widget.LinearLayout.LayoutParams.WrapContent,
                Android.Widget.LinearLayout.LayoutParams.MatchParent);
            layoutParams.MarginEnd = 16;
            platformView.AddView(suffixTextView, layoutParams);
        }
    }
}

然后在MauiProgram.cs中注册Handler：

builder.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler<Entry, CustomEntryHandler>();
#endif
});

这种方法需要针对iOS、Windows等平台分别实现，适合对原生体验要求较高的场景。

内容的提问来源于stack exchange，提问作者Zoltán