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

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. 트리거와 애니메이션
  4. 다중레이아웃패널[MultiLayoutPanel]

다중레이아웃패널[MultiLayoutPanel]

MultiLayoutPanel 클래스

Placeholder 클래스를 사용하여 다른 레이아웃간에 요소를 이동할 수 있습니다.

이를 통해 시각적 트리에서 다른 위치로 요소를 이동하고 특정 레이아웃을 즉시 전환할 수 있습니다.

참고: MultiLayoutPanel은 특정 데이터의 값에 따라 다른 레이아웃을 사용하려는 경우에 적합한 옵션입니다. 애니메이션을 만드는 수단으로 다른 레이아웃을 주로 사용하는 경우에는 Element.LayoutMaster 속성을 사용하는 것이 좋습니다.

예제

이 예제는 LayoutAnimation과 함께 MultiLayoutPanel을 사용하여 선택한 옵션에 대한 표시기에 애니메이션을 적용하는 간단한 3-choice Selection을 보여줍니다:

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
<Panel Alignment="Center" Width="200" Height="50" >
    <MultiLayoutPanel ux:Name="multiLayout">
        <Grid ColumnCount="3">
            <Panel ux:Name="offPanel">
                <Placeholder>
                    <Panel ux:Name="pointer" Color="#2196F3" Width="50" Height="2">
                        <LayoutAnimation>
                            <Move X="1" Y="1" RelativeTo="LayoutChange" Duration=".4" Easing="QuadraticInOut" />
                        </LayoutAnimation>
                    </Panel>
                </Placeholder>
                <Text TextAlignment="Center">Off</Text>
                <Clicked>
                <Set multiLayout.LayoutElement="offPanel" />
                </Clicked>
            </Panel>
            <Panel ux:Name="standbyPanel">
                <Placeholder Target="pointer" />
                <Text TextAlignment="Center">Standby</Text>
                <Clicked>
                    <Set multiLayout.LayoutElement="standbyPanel" />
                </Clicked>
            </Panel>
            <Panel ux:Name="onPanel">
                <Placeholder Target="pointer" />
                <Text TextAlignment="Center">On</Text>
                <Clicked>
                    <Set multiLayout.LayoutElement="onPanel" />
                </Clicked>
            </Panel>
        </Grid>
    </MultiLayoutPanel>
</Panel>

MultiLayoutPanel의 인터페이스

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

Was this article helpful to you? Yes No

How can we help?