COMMUNITY TOOLKIT Archives - 16 중 2 번째 페이지 - icodebroker

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] EmptyCollectionToObjectConverter 엘리먼트 : EmptyValue/NotEmptyValue 속성을 사용해 컬렉션 항목 수→객체 값 변환자 설정하기

■ EmptyCollectionToObjectConverter 엘리먼트의 EmptyValue/NotEmptyValue 속성을 사용해 컬렉션 항목 수→객체 값 변환자를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] FileSizeToFriendlyStringConverter 엘리먼트 : 파일 바이트 수→파일 크기 표시명 변환자 설정하기

■ FileSizeToFriendlyStringConverter 엘리먼트를 사용해 파일 바이트 수→파일 크기 표시명 변환자를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] EmptyObjectToObjectConverter 엘리먼트 : EmptyValue/NotEmptyValue 속성을 사용해 객체 값→객체 값 변환자 설정하기

■ EmptyObjectToObjectConverter 엘리먼트의 EmptyValue/NotEmptyValue 속성을 사용해 객체 값→객체 값 변환자를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] EmptyStringToObjectConverter 엘리먼트 : EmptyValue/NotEmptyValue 속성을 사용해 빈 문자열 여부→객체 값 변환자 설정하기

■ EmptyStringToObjectConverter 엘리먼트의 EmptyValue/NotEmptyValue 속성을 사용해 빈 문자열 여부→객체 값 변환자를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] CollectionVisibilityConverter 엘리먼트 : EmptyValue/NotEmptyValue 속성을 사용해 컬렉션 항목 수→Visibility 값 변환자 설정하기

■ CollectionVisibilityConverter 엘리먼트의 EmptyValue/NotEmptyValue 속성을 사용해 컬렉션 항목 수→Visibility 값 변환자를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] DoubleToVisibilityConverter 엘리먼트 : GreaterThan 속성을 사용해 실수 값→Visibility 값 변환자 설정하기

■ DoubleToVisibilityConverter 엘리먼트의 GreaterThan 속성을 사용해 실수 값→Visibility 값 변환자를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] DoubleToObjectConverter 엘리먼트 : GreaterThan/LessThan/TrueValue/FalseValue 속성을 사용해 실수 값→객체 값 변환자 설정하기

■ DoubleToObjectConverter 엘리먼트의 GreaterThan/LessThan/TrueValue/FalseValue 속성을 사용해 실수 값→객체 값 변환자를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] ColorToDisplayNameConverter 엘리먼트 : 색상 값→색상명 변환자 설정하기 (오류)

■ ColorToDisplayNameConverter 엘리먼트를 사용해 색상 값→색상명 변환자를 설정하는 방법을 보여준다. ※ 프로젝트 파일에서 현재 버전이나 업데이트된 버전으로 테스트를 해도 Not supported 메시지만

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] BoolToVisibilityConverter 엘리먼트 : 진리 값→Visibility 값 변환자 사용하기

■ BoolToVisibilityConverter 엘리먼트에서 진리 값→Visibility 값 변환자를 사용하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] BoolToObjectConverter 엘리먼트 : FalseValue/TrueValue 속성을 사용해 진리 값→객체 값 변환자 설정하기

■ BoolToObjectConverter 엘리먼트의 FalseValue/TrueValue 속성을 사용해 진리 값→객체 값 변환자를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] CommunityToolkit.WinUI.Converters 누겟 설치하기

■ CommunityToolkit.WinUI.Converters 누겟을 설치하는 방법을 보여준다. 1. Visual Studio를 실행한다. 2. [도구] / [NuGet 패키지 관리자] / [패키지 관리자 콘솔] 메뉴를 실행한다.

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] BoolNegationConverter 엘리먼트 : 진리 값 반전 변환자 사용하기

■ BoolNegationConverter 엘리먼트에서 진리 값 반전 변환자를 사용하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] StackedNotificationsBehavior 클래스 : Show 메소드를 사용해 알림 표시 후 일정 시간 경과시 알림 지우기

■ StackedNotificationsBehavior 클래스의 Show 메소드를 사용해 알림 표시 후 일정 시간 경과시 알림을 지우는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다.

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] StackedNotificationsBehavior 클래스 : Show 메소드를 사용해 알림 표시하기

■ StackedNotificationsBehavior 클래스의 Show 메소드를 사용해 알림을 표시하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] StickyHeaderBehavior 엘리먼트 : HeaderedItemsControl 엘리먼트에서 헤더 고정하기

■ StickyHeaderBehavior 엘리먼트를 사용해 HeaderedItemsControl 엘리먼트에서 헤더를 고정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] StickyHeaderBehavior 엘리먼트 : HeaderedTreeView 엘리먼트에서 헤더 고정하기

■ StickyHeaderBehavior 엘리먼트를 사용해 HeaderedTreeView 엘리먼트에서 헤더를 고정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] QuickReturnHeaderBehavior 엘리먼트 : 헤더 신속 복귀 처리하기 2

■ QuickReturnHeaderBehavior 엘리먼트를 사용해 헤더 신속 복귀를 처리하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] QuickReturnHeaderBehavior 엘리먼트 : 헤더 신속 복귀 처리하기 1

■ QuickReturnHeaderBehavior 엘리먼트를 사용해 헤더 신속 복귀를 처리하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] FadeHeaderBehavior 엘리먼트 : 헤더 페이드 처리하기

■ FadeHeaderBehavior 엘리먼트를 사용해 헤더 페이드를 처리하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를 None으로

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] NavigateToUriAction 엘리먼트 : NavigateUri 속성을 사용해 특정 URI 탐색하기

■ NavigateToUriAction 엘리먼트의 NavigateUri 속성을 사용해 특정 URI를 탐색하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mxi="using:Microsoft.Xaml.Interactivity"
    xmlns:mxic="using:Microsoft.Xaml.Interactions.Core"
    xmlns:ctwb="using:CommunityToolkit.WinUI.Behaviors"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Padding="10"
        Content="Click to navigate">
        <mxi:Interaction.Behaviors>
            <mxic:EventTriggerBehavior EventName="Click">
                <ctwb:NavigateToUriAction NavigateUri="https://icodebroker.com" />
            </mxic:EventTriggerBehavior>
        </mxi:Interaction.Behaviors>
    </Button>
</Page>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:mxi="using:Microsoft.Xaml.Interactivity"

xmlns:mxic="using:Microsoft.Xaml.Interactions.Core"

xmlns:ctwb="using:CommunityToolkit.WinUI.Behaviors"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center"

Padding="10"

Content="Click to navigate">

<mxi:Interaction.Behaviors>

<mxic:EventTriggerBehavior EventName="Click">

<ctwb:NavigateToUriAction NavigateUri="https://icodebroker.com" />

</mxic:EventTriggerBehavior>

</mxi:Interaction.Behaviors>

</Button>

</Page>

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] EventTriggerBehavior 엘리먼트 : EventName 속성을 사용해 특정 이벤트 발생시 처리하기

■ EventTriggerBehavior 엘리먼트의 EventName 속성을 사용해 특정 이벤트 발생시 처리하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] FocusBehavior 엘리먼트 : ListView 엘리먼트에서 포커스 설정하기

■ FocusBehavior 엘리먼트를 사용해 ListView 엘리먼트에서 포커스를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] FocusTarget 엘리먼트 : Control 속성을 사용해 포커스 동작 컨트롤 설정하기

■ FocusTarget 엘리먼트의 Control 속성을 사용해 포커스 동작을 허용하는 컨트롤을 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mxi="using:Microsoft.Xaml.Interactivity"
    xmlns:ctwb="using:CommunityToolkit.WinUI.Behaviors"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <mxi:Interaction.Behaviors>
        <ctwb:FocusBehavior>
            <ctwb:FocusTarget Control="{x:Bind button1}" />
            <ctwb:FocusTarget Control="{x:Bind button2}" />
        </ctwb:FocusBehavior>
    </mxi:Interaction.Behaviors>
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Spacing="50">
        <Button Name="button1"
            Content="Button 1"
            IsEnabled="False" />
        <Button Name="button2"
            Content="Button 2" />
    </StackPanel>
</Page>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:mxi="using:Microsoft.Xaml.Interactivity"

xmlns:ctwb="using:CommunityToolkit.WinUI.Behaviors"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<mxi:Interaction.Behaviors>

<ctwb:FocusBehavior>

<ctwb:FocusTarget Control="{x:Bind button1}" />

<ctwb:FocusTarget Control="{x:Bind button2}" />

</ctwb:FocusBehavior>

</mxi:Interaction.Behaviors>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Spacing="50">

<Button Name="button1"

Content="Button 1"

IsEnabled="False" />

<Button Name="button2"

Content="Button 2" />

</StackPanel>

</Page>

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] FocusBehavior 엘리먼트 : 지정된 엘리먼트 중에서 동작 허용 첫번째 엘리먼트 포커스 설정하기

■ FocusBehavior 엘리먼트를 사용해 지정된 엘리먼트 중에서 동작을 허용하는 첫번째 엘리먼트에 포커스를 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] CallMethodAction 엘리먼트 : TargetObject/MethodName 속성을 사용해 특정 객체 작업 실행하기

■ CallMethodAction 엘리먼트의 TargetObject/MethodName 속성을 사용해 특정 객체의 작업을 실행하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서