【Win 10开发】关于AutoSuggestBox

其实看名字我们就知道,这个控件可以提供一些建议文本。我们在做搜索框时可以做一些文本来让用户选择。

这个控件有两个关键的事件QuerySubmitted和SuggestionChosen事件,当下拉列表中的项被选择后,会发生SuggestionChosen事件。当在下拉列表中做出选择后会提交输入的文本,这时候会发生QuerySubmitted事件,从事件参数的QueryText属性可以获取输入框中要提交的查询文本。



我们做个查询单词的小例子吧,先看xaml布局。

1         <StackPanel HorizontalAlignment="Center" Width="400">
2             <AutoSuggestBox Name="search" QueryIcon="Find" PlaceholderText="请输入一个单词"
3                         QuerySubmitted="search_QuerySubmitted" SuggestionChosen="search_SuggestionChosen">
4             </AutoSuggestBox>
5             <TextBlock Name="content" FontSize="40" Foreground="LightBlue"/>
6         </StackPanel>  

接下来,我们为AutoSuggestBox控件设置下拉列表,用ItemsSource属性来指定数据源。

        string[] array = new string[]
        {
                "auto","suggest","search","page","surface","microsoft","keyboard","help"
        };
        ...

        search.ItemsSource = array;

处理SuggestionChosen事件

1         private void search_SuggestionChosen(Windows.UI.Xaml.Controls.AutoSuggestBox sender, AutoSuggestBoxSuggestionChosenEventArgs args)
2         {
3             string s = args.SelectedItem as string;
4             sender.Text = s;
5         }

处理QuerySubmitted事件

        private void search_QuerySubmitted(Windows.UI.Xaml.Controls.AutoSuggestBox sender, AutoSuggestBoxQuerySubmittedEventArgs args)
        {
            content.Text = $"{args.QueryText}";
        }

至此,这个小例子就完成了。

时间: 2024-10-06 05:04:04

【Win 10开发】关于AutoSuggestBox的相关文章

win 10 开发 第一步:开发环境的搭建

win 10 是一个全新的平台,也标志着微软的大一统.随着win 10 ,vs2015的发布,通用应用将进入我们的生活.对于想学习win 10 开发的同学来说,这是一个机会,win10 是全新的开始,让我们进入开发的第一课:win 10 应用开发环境的搭建. 一.准备工作. 1.要进行win10 开发,首先要将自己的电脑系统升级为win10.是的,首年升级免费! 2.如果要进行模拟器的使用,自己的电脑cpu还必须支持hyper-v虚拟化技术.我们可以在自己的电脑当中,打开——控制面板——启动或关

win 10 开发零基础教学:教你做第一个App—— Hello world

期待已久的win10已经发布了,开发者们现在也可以开发win10 app.如果你是win10 开发的小白,如果你没有接触过app开发,不要怕,今天教大家怎么做一个Hello world应用程序!(此教程适合小白,开发者们请无视!) 1.首先打开vs2015,在文件处点击新建——项目,如图: 选择“通用”——选择“空白应用”,如图并将项目命名为 Hello world,点击确定. 这时候就新建好了我们的一个空白应用程序. 2.首先,我们来认识一下一个空白应用程序的项目组成. 如图所示,点击Main

win 10 开发菜鸟入门资料

1.0    Github开源示例库   : https://github.com/Microsoft/Windows-universal-samples 2.0   直接将网站包裹成为UWP    http://microsoftedge.github.io/WebAppsDocs/en-US/win10/HWA.htm 3.0  Template10  .https://github.com/Windows-XAML/Template10 4.0   XAML跨平台MVVM框架 https:

【Win 10开发】自定义标题栏

UWP 现在已经可以自定义标题栏了,毕竟看灰色时间长了也会厌烦,开发者们还是希望能够将自己的UI做的更加漂亮,更加与众不同.那么废话不多说,我们开始吧! 首先要了解ApplicationViewTitleBar这个类.其中提供了以下属性: MSDN参考地址:ApplicationViewTitleBar class 首先,我们写一个TitleBarChanged方法,在里面先获取到当前窗口的实例. 1 ApplicationView view = ApplicationView.GetForCu

【Win 10应用开发】如何知道当前APP在哪个平台设备上运行

[Win 10应用开发]如何知道当前APP在哪个平台设备上运行 在做Win10开发的时候,我们可能经常会需要获得当前程序在在哪个平台设备上运行,用于UI和相关API的调用,那么可以通过什么方式知道当前APP运行的平台呢? 今天这里提供两个方法给大家做参考: 方法一:DeviceFamily 通过Windows.System.Profile.AnalyticsInfo.VersionInfo.DeviceFamily,来获取当前的平台设备,目前只可以得到两个值Windows.Mobile或Wind

【Win 10 应用开发】导入.pfx证书

这个功能其实并不常用,一般开发较少涉及到证书,不过,简单了解一下还是有必要的. 先来说说制作测试证书的方法,这里老周讲两种方法,可以生成用于测试的.pfx文件. 产生证书,大家都知道有个makecert工具.好,我们先用这个工具来生成一个证书,并存放到当前用户的证书存储中.打开VS的开发人员命令提示符,然后输入: makecert -n "CN=中国好男人" -pe -sr CurrentUser -ss My -b 01/01/2016 -e 12/31/2018 -n 表示证书的标

【Win 10 应用开发】打印UI元素

原文:[Win 10 应用开发]打印UI元素 Windows App支持将UI界面进行打印的功能,这与浏览器中的打印网页的用途相近,其好处就是“所见即所得”,直接把界面上呈现的内容打印下来,比重新创建打印图像方便得多. 要在通用App中实现打印,主要依靠以下几个类型: PrintManager:位于Windows.Graphics.Printing命名空间,主要负责显示打印对话框,设置打印源等操作.在使用时,首先调用GetForCurrentView静态方法得到一个PrintManager实例:

【Win 10应用开发】实现全屏播放的方法

原文:[Win 10应用开发]实现全屏播放的方法 有人会问,以前的MediaElement控件不是有现成的一排操作按钮吗?而且可以直接进入全屏播放.是的,我们知道,以往的Store App都是在全屏模式下运行的,只要MediaElement控件填满整个窗口,就等于全屏播放了,但是,Win10应用是窗口化的,将MediaElement控件的IsFullWindow属性设置为true后,就会这样: 从上面的截图看,MediaElement控件只是覆盖整个窗口而已,并没有实现全屏.那有办法让它全屏播放

【Win 10应用开发】如何知道UAP在哪个平台上运行

原文:[Win 10应用开发]如何知道UAP在哪个平台上运行 面向22世纪的现代化应用程序可以同时在多种设备上运行,于是有朋友会有一个疑问:有时候,我们还真的需要判断一下,UAP应用程序在哪个平台上运行.尽管大多情况下我们不必要这样做,但某些特殊情况还得考虑.比如一串数据列表,我希望如果在桌面上运行时就以横向列表展现:但要是运行在手机上就以纵向列表展现. 也就是说,其实我们只需分析两种情况即可: 一.桌面.(台式机.笔记本.平板.游戏机.发广告专用机.导航器……) 二.移动环境.其实就是手机.