퓨즈[Fusetools] 문서[Docs] 번역

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. 트리거와 애니메이션
  4. 상태그룹[StateGroups]

상태그룹[StateGroups]

StateGroup 클래스

State 클래스 세트를 함께 그룹화하고 이들을 전환하는 데 사용됩니다.

StateGroup에는 현재 해당 그룹에서 활성화된 상태(State)를 할당하는 데 사용되는 Active 속성이 있습니다.

또한 Exclusive 또는 Parallel 중 하나 일 수 있는 Transition을 지정할 수 있습니다. Exclusive는 다음 상태가 활성화되기 전에 각 상태를 완전히 비활성화해야 함을 의미합니다. Parallel(병렬)이란 하나의 상태가 비활성화 될 때 다음 상태가 활성화되고 애니메이션 속성이 둘 사이에 삽입됨을 의미합니다.

예제

다음은 StateGroup을 사용하여 세 가지 상태 사이에서 Rectangle의 색상을 전환하는 방법의 예입니다:

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
29
30
31
32
33
<StackPanel>
    <Panel Width="100" Height="100">
        <SolidColor ux:Name="someColor"/>
    </Panel>
    <StateGroup ux:Name="stateGroup">
        <State ux:Name="redState">
            <Change someColor.Color="#f00" Duration="0.2"/>
        </State>
        <State ux:Name="blueState">
            <Change someColor.Color="#00f" Duration="0.2"/>
        </State>
        <State ux:Name="greenState">
            <Change someColor.Color="#0f0" Duration="0.2"/>
        </State>
    </StateGroup>
    <Grid ColumnCount="3">
        <Button Text="Red">
            <Clicked>
                <Set stateGroup.Active="redState"/>
            </Clicked>
        </Button>
        <Button Text="Blue">
            <Clicked>
                <Set stateGroup.Active="blueState"/>
            </Clicked>
        </Button>
        <Button Text="Green">
            <Clicked>
                <Set stateGroup.Active="greenState"/>
            </Clicked>
        </Button>
    </Grid>
</StackPanel>

StateGroup의 인터페이스

링크로 대신합니다: https://www.fusetools.com/docs/fuse/triggers/stategroup#section-table-of-contents

Was this article helpful to you? Yes No

How can we help?