<p style="text-align: start;"><a href="https://kaki104.tistory.com/874" target="_top" class="ke-link">TextBlock에 표시되는 내용 중 검색어를 빨간색으로 표시하기 (tistory.com)</a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="TextBlock에 표시되는 내용 중 검색어를 빨간색으로 표시하기" data-og-description="TextBlock에 출력된 내용 중 내가 검색한 키워드의 위치를 표시하는 기능이 필요할 때가 있습니다. 그런데, 이 기능은 Behavior를 이용해서 붙일 수가 없습니다. 왜냐하면 TextBlock은 BehaviorCollection을 " data-og-host="kaki104.tistory.com" data-og-source-url="https://kaki104.tistory.com/874" data-og-url="https://kaki104.tistory.com/874" data-og-image="https://scrap.kakaocdn.net/dn/cepnQA/hyVf82oZT4/1Nkt8CcKlQibKN2JeCsf1K/img.png?width=511&height=343&face=0_0_511_343,https://scrap.kakaocdn.net/dn/e8RHk/hyVgasmtOo/m8PVvP60IKfwICAijuvhDk/img.png?width=511&height=343&face=0_0_511_343,https://scrap.kakaocdn.net/dn/tyzr4/hyVgc4OjhR/zAXVOANfJ2yAw9O0UlL2lK/img.png?width=511&height=343&face=0_0_511_343"><a href="https://kaki104.tistory.com/874" target="_blank" data-source-url="https://kaki104.tistory.com/874"><div class="og-image"><img src="https://scrap.kakaocdn.net/dn/cepnQA/hyVf82oZT4/1Nkt8CcKlQibKN2JeCsf1K/img.png?width=511&height=343&face=0_0_511_343,https://scrap.kakaocdn.net/dn/e8RHk/hyVgasmtOo/m8PVvP60IKfwICAijuvhDk/img.png?width=511&height=343&face=0_0_511_343,https://scrap.kakaocdn.net/dn/tyzr4/hyVgc4OjhR/zAXVOANfJ2yAw9O0UlL2lK/img.png?width=511&height=343&face=0_0_511_343" alt="" xxonerror="this.src="//img1.kakaocdn.net/thumb/C200x200/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fcafe_image%2Fcafe_meta_image_190529.png""></div><div class="og-text"><p class="og-title">TextBlock에 표시되는 내용 중 검색어를 빨간색으로 표시하기</p><p class="og-desc">TextBlock에 출력된 내용 중 내가 검색한 키워드의 위치를 표시하는 기능이 필요할 때가 있습니다. 그런데, 이 기능은 Behavior를 이용해서 붙일 수가 없습니다. 왜냐하면 TextBlock은 BehaviorCollection을 </p><p class="og-host">kaki104.tistory.com</p></div></a></div><p style="text-align: start;">TextBlock에 출력된 내용 중 내가 검색한 키워드의 위치를 표시하는 기능이 필요할 때가 있습니다.</p><p style="text-align: start;">그런데, 이 기능은 Behavior를 이용해서 붙일 수가 없습니다. 왜냐하면 TextBlock은 BehaviorCollection을 지원하지 않기 때문입니다.</p><p style="text-align: start;">저도 몰라서 Behavior를 만들어서 붙이려....ㅎㅎ</p><div data-ke-type="emoticon" data-ke-style="alignCenter" data-emoticon-type="friends2" data-emoticon-name="030" data-emoticon-isAnimation="false" data-emoticon-src="https://t1.daumcdn.net/keditor/emoticon/friends2/large/030.png"><img src="https://t1.daumcdn.net/keditor/emoticon/friends2/large/030.png"></div><p>1. AttachedProperty 이용하기</p><p style="text-align: start;">이 기능을 구현하는 가장 쉬운 방법은 AttachedProperty를 이용하는 것입니다.</p><p style="text-align: start;">AttachedProperty를 이용하기 위해서 아래 클래스를 추가합니다.</p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=///, language=csharp}" /><p>2. XAML에서 사용하기</p><p style="text-align: start;">TextExtension 클래스를 이용하기 위해서는 namespace를 먼저 추가해줘야 합니다.</p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=xmlns:ext="clr-namespace:KeywordSample.Extensions", language=html}" /><p style="text-align: start;">그리고 TextBlock에 붙여서 사용합니다.</p><p style="text-align: start;"><b>ext:TextExtension.Keyword="{Binding Keyword}"</b></p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=<, language=html}" /><p>3. 동작</p><p style="text-align: start;">바로 위에 TextBox에서 Keyword가 입력되면, 바로 아래로 전달되고, 키워드가 변경되면, TextBlock의 Text 프로퍼티의 값을 키워드랑 비교해서 글씨를 출력하게 됩니다.</p><p style="text-align: start;">참 쉽죠?</p><div data-ke-type="emoticon" data-ke-style="alignCenter" data-emoticon-type="friends2" data-emoticon-name="047" data-emoticon-isAnimation="false" data-emoticon-src="https://t1.daumcdn.net/keditor/emoticon/friends2/large/047.png"><img src="https://t1.daumcdn.net/keditor/emoticon/friends2/large/047.png"></div><p style="text-align: start;"> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://blog.kakaocdn.net/dn/KN1DV/btrZ6IsQRSP/kUPkzdKLIZ5KKMBVknaGvK/img.png" class="txc-image" data-img-src="https://blog.kakaocdn.net/dn/KN1DV/btrZ6IsQRSP/kUPkzdKLIZ5KKMBVknaGvK/img.png" data-origin-width="511" data-origin-height="343"></div><p>4. 소스</p><p style="text-align: start;"><a style="color: #0070d1;" href="https://github.com/kaki104/WpfTest/tree/master/KeywordSample" target="_top" class="ke-link">WpfTest/KeywordSample at master · kaki104/WpfTest (github.com)</a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="GitHub - kaki104/WpfTest" data-og-description="Contribute to kaki104/WpfTest development by creating an account on GitHub." data-og-host="github.com" data-og-source-url="https://github.com/kaki104/WpfTest/tree/master/KeywordSample" data-og-url="https://github.com/kaki104/WpfTest" data-og-image="https://scrap.kakaocdn.net/dn/bzNXGi/hyRHsDzJU4/cRRSxIYTw2WIjNALyl1fyk/img.png?width=1200&height=600&face=0_0_1200_600"><a href="https://github.com/kaki104/WpfTest/tree/master/KeywordSample" target="_blank" data-source-url="https://github.com/kaki104/WpfTest/tree/master/KeywordSample"><div class="og-image"><img src="https://scrap.kakaocdn.net/dn/bzNXGi/hyRHsDzJU4/cRRSxIYTw2WIjNALyl1fyk/img.png?width=1200&height=600&face=0_0_1200_600" alt="" xxonerror="this.src="//img1.kakaocdn.net/thumb/C200x200/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fcafe_image%2Fcafe_meta_image_190529.png""></div><div class="og-text"><p class="og-title">GitHub - kaki104/WpfTest</p><p class="og-desc">Contribute to kaki104/WpfTest development by creating an account on GitHub.</p><p class="og-host">github.com</p></div></a></div><p style="text-align: start;">이 소스 참고해서 전체 택스트에서 키워드를 모두 찾아서 표시하면 더 좋을 것 같네요~</p>
<!-- -->
첫댓글 오호
흐흐