如何基于Entry控件状态为Image应用数据触发器实现图标切换

需求明确：

• 页面初始加载时，Image显示close.png
• 当Entry获得焦点，或者用户在Entry中输入内容时，Image切换为searchingicon.png

现有代码问题 #

你当前的XAML代码逻辑存在两处问题：

1. 触发逻辑颠倒：现有DataTrigger是当Text.Length=0时设置为searchingicon.png，和需求的初始显示close.png、有输入/获焦时切换的逻辑完全相反
2. 未覆盖焦点场景：只判断了文本长度，没处理Entry获得焦点但还没输入内容的情况

修正后的完整代码 #

<Entry x:Name="MainSearchPage"/>

<Image Grid.Row="0" 
       Source="close.png" 
       Style="{DynamicResource EntryIcons}" 
       Grid.Column="1" 
       HeightRequest="16" 
       WidthRequest="15" 
       Margin="0,0,0,0" 
       Aspect="AspectFit">    
    <Image.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding ClearCommand}"/>
    </Image.GestureRecognizers>
    <Image.Triggers>
        <MultiDataTrigger TargetType="Image">
            <MultiDataTrigger.Conditions>
                <!-- 条件1：Entry获得焦点 -->
                <Condition Binding="{Binding Source={x:Reference MainSearchPage}, Path=IsFocused}" Value="True"/>
                <!-- 条件2：Entry文本长度大于0 -->
                <Condition Binding="{Binding Source={x:Reference MainSearchPage}, Path=Text.Length}" Value="0" Comparison="NotEqual"/>
            </MultiDataTrigger.Conditions>
            <Setter Property="Source" Value="searchingicon.png" />
        </MultiDataTrigger>
    </Image.Triggers>
</Image>

代码说明 #

• 初始状态：Image默认Source为close.png，直接满足页面加载时的显示要求
• 联动逻辑：用MultiDataTrigger组合两个判断条件，只要「Entry获得焦点」或「Entry有输入内容」任一条件成立，就自动切换Image的图标为searchingicon.png
• 原有功能保留：TapGestureRecognizer绑定的ClearCommand保持不变，点击图标仍可执行清除操作

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