WPF 자동 완성 텍스트 상자의 6가지 놀라운 기능

저희 Syncfusion WPF AutoComplete text box 컨트롤러는 완전한 MVVM 구조화(모형 보기 모형) 컨트롤러입니다.데이터 귀속, 서로 다른 검색 모드, 밑에 사용자 정의, 테마 등 자동 완성 기능을 제공합니다.이 컨트롤은 WPF ComboBox의 자동 완성 기능을 필요로 하는 경우에 적합합니다.multiselect 모드를 사용하면 multiselect 조합 상자로 사용할 수 있습니다.
참고: 기본적으로 WPF 자동 완성 컨트롤을 응용 프로그램에 추가하여 자동 완성 기능을 수행할 수 있습니다.
이 블로그에서는 Syncfusion WPF AutoComplete 텍스트 상자 컨트롤 및 6가지 기능에 대해 간략하게 설명합니다.
  • Different filtering modes
  • Multiple-selection support
  • Text highlighting support
  • Custom search
  • Diacritic sense
  • Customizing AutoComplete control as a ComboBox
  • WPF 자동 완성 텍스트 상자

    다른 필터 모드


    WPF AutoComplete 컨트롤에는 텍스트 상자에 입력한 문자를 기준으로 권장사항을 필터링할 수 있는 미리 정의된 필터 모드 세트가 포함되어 있습니다.첫 번째 선택 모드는 StartsWith입니다. 문자열의 시작이 목록에 일치하는 항목이 있을 때 제안을 필터합니다.
    Contains 모드는 구글 검색엔진과 유사한 텍스트 상자에 입력한 문자를 포함하는 모든 조언어를 보여 줍니다.
    아래의 코드 예시를 참고하시오.
    <syncfusion:SfTextBoxExt AutoCompleteSource="{Binding Countries}"
                             AutoCompleteMode="Suggest"
                             SuggestionMode="Contains"/>
    
    아래 화면 캡처를 참조하십시오.
    에는 WPF 자동 완성에 대한 필터링 옵션이 포함되어 있습니다.

    다선


    이 기능을 사용하면 Outlook 응용 프로그램에서 사용할 수 있는 전자 메일 검색 표시줄과 같은 여러 항목을 선택할 수 있습니다.사용자는 token representation 또는 간단하게 delimiter 분할을 통해 여러 항목을 선택할 수 있다.이를 위해 MultiSelectMode 속성을 Token 또는 Delimiter로 설정해야 합니다.
    사용자 정의 영패는 사용자가 '닫기' 단추를 사용하여 항목을 삭제할 수 있음을 표시합니다.이 옵션을 사용하면 사용자가 선택한 문자(예를 들어 달러 표현법($) 또는 전통적인 쉼표)로 선택한 항목을 구분할 수 있습니다.
    아래의 코드 예시를 참고하시오.
    <Syncfusion:SfTextBoxExt AutoCompleteSource="{Binding Countries}"
                             AutoCompleteMode="Suggest"
                             MultiSelectMode="Token"/>
    
    다음 GIF 이미지를 참조하십시오.
    WPF 자동 완성 중 다중 선택 모드

    텍스트 강조 표시


    이 기능은 모든 제안 항목의 일치하는 텍스트를 강조합니다.이것은 사용자가 항목이 어떻게 필터되는지 (어떤 필터 모드에서) 검사하고 항목을 더욱 명확하게 선택하는 데 도움이 된다.그것은 또한 이 사용자 인터페이스를 통해 쉽게 검색할 수 있다.
    TextHighlightMode을 사용하여 입력한 문자의 단일 인스턴스를 강조 표시할지 또는 여러 인스턴스를 강조 표시할지 선택할 수 있습니다.
    아래의 코드 예시를 참고하시오.
    <Syncfusion:SfTextBoxExt AutoCompleteSource="{Binding Countries}"
                             AutoCompleteMode="Suggest"
                             SuggestionMode="Contains"
                             TextHighlightMode="MultipleOccurrence"
                             HighlightedTextColor="Red"/>
    
    아래 화면 캡처를 참조하십시오.
    WPF 제안 목록에서 강조 표시된 텍스트 자동 완료

    사용자 지정 검색


    이 기능을 사용하면 사용자가 다중 경로 검색을 수행하거나 미리 정의된 필터 모드 이외의 검색 조건을 기반으로 사용자 정의 검색을 수행할 수 있습니다.이것은 SuggetionMode 속성을 Custom으로 설정하여 실현할 수 있다.또한 사용자 지정 필터를 정의하여 Filter 속성에 할당할 수도 있습니다.
    아래의 코드 예시를 참고하시오.
    {
         this.textboxext.SuggestionMode = SuggestionMode.Custom;
         this.textboxext.Filter = Filtering;
    }
    
    public bool Filtering(string search, object item)
        {
            var model = item as Model;
            if (model != null)
            {
                if ((model.Name.ToLower().Contains(search.ToLower())) || ((model.ID).ToString().ToLower().Contains(search.ToLower())))
                {
                    return true;
                }
            }
            return false;
        }
    
    아래 화면 캡처를 참조하십시오.
    WPF 자동 완성 중 다중 경로 검색

    변음의


    AutoComplete 컨트롤은 변음 기호를 포함하는 문자를 지원하는 언어를 지원하고 키보드의 영문 문자로 검색하는 특수 기능을 제공합니다.이 기능은 diacritic을 고려하거나 무시함으로써 검색 항목을 채우는 데 도움이 됩니다.
    아래의 코드 예시를 참고하시오.
    <Syncfusion:SfTextBoxExt AutoCompleteSource="{Binding DiacriticCollection}"
                             AutoCompleteMode="Suggest"
                             IgnoreDiacritic="False"
                             SuggestionMode="Contains"/>
    
    아래 화면 캡처를 참조하십시오.
    자동 완성 시 변음 감도

    WPF 자동 완성 컨트롤을 콤보 상자로 사용자 정의


    드롭다운 버튼을 사용으로 설정하면 WPF AutoComplete 컨트롤을 자동 완료 기능이 있는 콤보 상자로도 사용할 수 있습니다.이것은 ShowDropDown 속성을true로 설정해서 실현할 수 있습니다.
    아래의 코드 예시를 참고하시오.
    <Syncfusion:SfTextBoxExt AutoCompleteSource="{Binding Countries}"
                             AutoCompleteMode="Suggest"
                             ShowDropDown="True"/>
    
    아래 화면 캡처를 참조하십시오.
    자동 완성 텍스트 상자 조합 상자

    결론


    읽어주셔서 감사합니다!이 블로그에서는 Syncfusion WPF Autocomplete 컨트롤의 6가지 기능을 소개하여 어플리케이션을 개선합니다.사용 가능한 모든 기능은 UG documentation을 참조하십시오.너도 우리의 WPF AutoComplete demos을 시험해 볼 수 있다.
    만약 당신이 아직 고객이 아니라면, 당신은 우리가 30일 동안 free trial을 시험해 보고, 이 기능들을 좀 볼 수 있습니다.
    저희에게 피드백을 보내거나 질문을 제출하고 싶으시면 언제든지 본문의 평론 부분에 발표해 주십시오.또한 support forum, feedback portal 또는 Direct-Trac support system을 통해 문의하실 수 있습니다.우리는 언제든지 기꺼이 당신을 돕겠습니다!
    만약 당신이 이 박문을 좋아한다면, 우리는 당신도 다음과 같은 문장을 좋아할 것이라고 생각합니다.

  • [블로그]

  • [블로그]

  • [블로그]

  • WPF Succinctly [전자책]
  • 좋은 웹페이지 즐겨찾기