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

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. 네비게이션
  4. 네비게이션 정렬

네비게이션 정렬

탐색(Navigation)에는 항상 “Active” 페이지가 있습니다. 네비게이션의 다른 페이지는 해당 활성 페이지의 앞이나 뒤쪽에 위치할 수 있습니다. 활성 페이지가 앞뒤로 바뀌면 각 페이지의 상태가 그에 따라 변경됩니다.

페이지의 실제 Z-Order는 네비게이션 정렬과 다를 수 있습니다. 이해를 위해 기본 속성으로 PageControl을 사용할 수 있습니다. PageControl의 자식에는 일치하는 Z-Order 인덱스와 탐색 순서가 있습니다. 첫 번째 자식은 맨 앞에 있고 맨 뒤쪽에는 마지막 자식이 있습니다.

탐색 페이지의 순서는 EnteringAnimation, ExitingAnimation, WhileInEnterState 및 WhileInExitState와 같은 트리거가 중요합니다. 이 이름에서 “enter”는 앞에 있는 페이지를 나타내고 “exit”는 뒤에 있는 페이지를 나타냅니다.

예를 들어, 다음 PageControl을 고려하십시오:

1
2
3
4
5
6
<PageControl>
    <Page ux:Name="A">...</Page>
    <Page ux:Name="B">...</Page>
    <Page ux:Name="C">...</Page>
    <Page ux:Name="D">...</Page>
</PageControl>

활성 페이지가 C이면 A와 B가 모두 앞에 있고 D는 뒤에 있습니다. 활성 페이지가 B로 변경되면 A가 앞에, C가 뒤로 이동하고 D도 뒤에 남습니다.

페이지 프로그레스(Page Progress)

활성 페이지에 상대적인 페이지의 위치를 프로그레스(Progress)라고 합니다. 활성 페이지 뒤에 있는 페이지는 마이너스(-) 프로그레스를 가지며 앞에 있는 페이지는 플러스(+) 프로그레스, 활성 페이지 자체는 0을 갖습니다.

네비게이터와 같은 많은 탐색 컨트롤은 페이지의 진행을 이산적으로 전환합니다. 예를 들어, back 연산이 수행되면 0이 되고 push 연산이 수행되면 0이 -1이 됩니다. 이 유형의 제어는 -1, 0 및 1 위치만 정의합니다.

PageControl과 같은 일부 탐색 컨트롤은 페이지 사이의 전환을 내부적으로 관리합니다. 앞으로 나아갈 페이지의 진행 상태는 0에서 1로 부드럽게 변경됩니다. 이 유형의 컨트롤을 사용하면 1과 -1 이상의 위치도 허용됩니다. 활성 페이지보다 두 페이지 뒤에는 진행률 -2가 표시됩니다.

예를 들어, 다음 PageControl을 고려하십시오:

1
2
3
4
5
6
<PageControl>
    <Page ux:Name="A">...</Page>
    <Page ux:Name="B">...</Page>
    <Page ux:Name="C">...</Page>
    <Page ux:Name="D">...</Page>
</PageControl>

사용자가 B에서 C로 스와이프 중에 있다고 가정합니다. B의 페이지 진행률은 0.5이고 C는 -0.5입니다. 이 부분 거리는 Fuse.Navigation.WhileNavigationTrigger의 Threshold 속성에 의해 알 수 있습니다.

활성 페이지와 얼마나 멀리 떨어져 있는지 또한 Fuse.Navigation.NavigationAnimation 트리거에서 확인할 수 있습니다. Scale 속성은 거리를 기준으로 트리거의 활성화 수준을 조정합니다.

컨트롤에서 불연속 또는 연속 변경을 사용하는지 여부에 관계없이 Fuse.Navigation.NavigationAnimation 애니메이션은 작동하는 방식이 변경됩니다. PageControl은 진행 모션을 제어하기 때문에 EnteringAnimation은 지속 시간을 지정할 필요가 없습니다. 트리거의 진행은 탐색의 진행과 직접 관련됩니다. 네비게이터와 같은 개별 컨트롤의 경우 EnteringAnimation에 지속 시간이 필요합니다. 그렇지 않으면 스위치가 순간적으로 작동합니다.

기록(History)

히스토리가 있는 컨트롤에는 페이지에 대한 탐색 명령도 있습니다. 그들에 대한 조작은 “back”과 “front”라는 용어를 사용할 수도 있습니다.

페이지는 가장 최근의 것부터 가장 오래된 것부터 순서대로 정렬됩니다. “push” 조작은 히스토리의 선두에 새로운 페이지를 추가합니다. “goto” 페이지는 히스토리를 거꾸로 탐색합니다. 모든 탐색과 마찬가지로 활성 페이지가 하나뿐입니다.

예를 들어, 사용자가 페이지 A를 누른 다음 B를 누른 다음 C를 누르면 앞에서 뒤로 스택이 C* B A가 되며 여기서 C*는 활성 페이지입니다. 페이지 B와 A는 활성 페이지 뒤에 있습니다. 사용자가 현재 페이지를 변경하면 C B* A, 이제 C가 활성 페이지 앞에오고 A는 그 뒤에 있습니다.

Was this article helpful to you? Yes No

How can we help?