[UWP] Suggestion Box

STUDYING/C#

[UWP] Suggestion Box

l_j_yeon 2017. 8. 18. 02:42

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

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

Customers.cs

result.json

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

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)
        {

}
    }
}

결과 화면

저작자표시 비영리 변경금지 (새창열림)