在 AutoSuggestBox 中导航建议时显示占位符

Posted

技术标签:

【中文标题】在 AutoSuggestBox 中导航建议时显示占位符【英文标题】:Show placeholder when navigating through suggestions in an AutoSuggestBox 【发布时间】:2020-07-09 09:01:13 【问题描述】:

当用户浏览 AutoSuggestBox 建议列表时,是否可以显示占位符(我的意思是,不在文本框中显示任何选定的项目)?它与 Windows 10 天气应用程序的功能相似,当用户从搜索框列表中选择一项时,它会在文本框中显示占位符。

【问题讨论】:

【参考方案1】:

在 AutoSuggestBox 中导航建议时显示占位符

当然,AutoSuggestBox 包含 PlaceholderText 属性,你可以设置它的值或用 c 绑定值。

<AutoSuggestBox PlaceholderText="string"/>

当用户从搜索框列表中选择一项时,它会在文本框中显示占位符

当您在建议列表中选择选项时,AutoSuggestBox 会自动填充TextBox 内容(UpdateTextOnSelect),但不是PlaceholderText。如果您此时确实想更改PlaceholderText,可以将UpdateTextOnSelect 设置为False 并检测AutoSuggestBox SuggestionChosen 事件,然后在此处设置PlaceholderText

private void AutoSuggestBox_SuggestionChosen(AutoSuggestBox sender, AutoSuggestBoxSuggestionChosenEventArgs args)

    if (args.SelectedItem is string item)
    
        sender.Text = string.Empty;
        sender.PlaceholderText = item;
    

【讨论】:

我认为即使指针只是悬停在某个建议上,他也希望更改占位符文本。 谢谢!这正是我一直在寻找的

以上是关于在 AutoSuggestBox 中导航建议时显示占位符的主要内容,如果未能解决你的问题,请参考以下文章

向下滚动Angular时显示导航栏

在整个应用程序中导航时显示返回按钮的单个应用程序应用栏

导航栏仅在 iOS 中向上滚动时显示

Bootstrap 4:在导航栏折叠时显示活动导航项

如何在 iOS 中搜索时显示建议?

谷歌地图在页面导航时显示部分地图