[UWP] Suggestion Box

출처 : https://www.youtube.com/watch?v=b79xcS6yMDs&t=350s

+)

json 파일의 빌드작업을 내용으로 변경

Customers.cs

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace UWPSuggestBox.DataSource { public class Customers { public string name; public override string ToString() { return string.Format("{0}",name); } } }

result.json

{ "customers": [ { "id": "01", "name": "Bill" }, { "id": "02", "name": "Jack" }, { "id": "03", "name": "Tom" }, { "id": "04", "name": "Anna" }, { "id": "05", "name": "Lee" } ] }

SearchQueries.cs

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Windows.Data.Json; using Windows.Storage; namespace UWPSuggestBox.DataSource { public class SearchQueries { List<Customers> list = new List<Customers>(); public List<Customers> GetResults(string query) { return list; } public async void SetResults() { list.Clear(); Uri dataUri = new Uri("ms-appx:///DataSource/result.json"); StorageFile file = await StorageFile.GetFileFromApplicationUriAsync(dataUri); string jsonText = await FileIO.ReadTextAsync(file); JsonObject jsonObject = JsonObject.Parse(jsonText); JsonArray jsonArray = jsonObject["customers"].GetArray(); foreach(var item in jsonArray) { JsonObject groupObject = item.GetObject(); list.Add(new Customers() { name = groupObject.GetNamedString("name") }); } } public IEnumerable<Customers> GetMatchingCustomer(string query) { return list.Where(c => c.name.IndexOf(query, StringComparison.CurrentCultureIgnoreCase) > -1).OrderByDescending(c => c.name.StartsWith(query, StringComparison.CurrentCultureIgnoreCase)); } public SearchQueries() { SetResults(); } } }

MainPage.xaml

<Page x:Class="UWPSuggestBox.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UWPSuggestBox" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <AutoSuggestBox x:Name="asugbox" Height="55" Margin="234,240,212,0" TextChanged="asugbox_TextChanged" Text="" FontSize="32" PlaceholderText="Search customer..." QuerySubmitted="asugbox_QuerySubmitted" SuggestionChosen="asugbox_SuggestionChosen"/> <TextBlock x:Name="txtView" HorizontalAlignment="Left" Margin="506,131,0,0" TextWrapping="Wrap" Text="Simple Bing" VerticalAlignment="Top" FontSize="40"/> </Grid> </Page>

MainPage.xaml.cs

using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Runtime.InteropServices.WindowsRuntime; using UWPSuggestBox.DataSource; using Windows.Foundation; using Windows.Foundation.Collections; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; using Windows.UI.Xaml.Controls.Primitives; using Windows.UI.Xaml.Data; using Windows.UI.Xaml.Input; using Windows.UI.Xaml.Media; using Windows.UI.Xaml.Navigation; // 빈 페이지 항목 템플릿은 http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409 에 문서화되어 있습니다. namespace UWPSuggestBox { /// <summary> /// 자체적으로 사용하거나 프레임 내에서 탐색할 수 있는 빈 페이지입니다. /// </summary> public sealed partial class MainPage : Page { SearchQueries searchQueries = new SearchQueries(); public MainPage() { this.InitializeComponent(); } private void asugbox_TextChanged(Windows.UI.Xaml.Controls.AutoSuggestBox sender, AutoSuggestBoxTextChangedEventArgs args) { if(args.Reason == AutoSuggestionBoxTextChangeReason.UserInput) { var matchingCustomer = searchQueries.GetMatchingCustomer(sender.Text); sender.ItemsSource = matchingCustomer.ToList(); } } private void asugbox_QuerySubmitted(AutoSuggestBox sender, AutoSuggestBoxQuerySubmittedEventArgs args) { if(args.ChosenSuggestion!=null) { SelectCustomer(args.ChosenSuggestion as Customers); } else { var matchingCustomer = searchQueries.GetMatchingCustomer(args.QueryText); if(matchingCustomer.Count()>=1) { SelectCustomer(matchingCustomer.FirstOrDefault()); } } } private void SelectCustomer(Customers customers) { if(customers != null) { asugbox.Text = customers.name; } } private void asugbox_SuggestionChosen(AutoSuggestBox sender, AutoSuggestBoxSuggestionChosenEventArgs args) { } } }

결과 화면