AppBar 단추 애니메이션 추가/제거시

AppBar 단추가 무엇에 따라 두 개의 단추 중 하나가 될 수있는 WinRT 응용 프로그램이 있습니다. 하나의 버튼에서 다른 버튼으로 변경하는 것은 간단하지만 WinRT를 위해 노력하는 시각적 유동성이 부족합니다.AppBar 단추 애니메이션 추가/제거시

Windows 8과 함께 제공되는 Mail 응용 프로그램에서도 시각적 인 동작을 볼 수 있습니다. 메시지를 선택하고 하단 AppBar를 가져 오면 "읽음/읽지 않음으로 표시"단추를 누르면 멋진 메시지가 나타납니다 두 버튼 사이의 변형 효과.

만약 이것이 미리 굴려 진 애니메이션이라면 누구나 알고 있습니까? 아니면 손으로 그것을 구현해야합니까 (아니면 더 나은 해결책이 있습니까?)?

출처

2012-12-29 Jim Marquardt

당신이 조화를 사용하여 시도 적이 그 사용의 예? – mydogisbox

아직 없습니다. 사용할 수있는 경우 사전 롤백/지원되는 테마 애니메이션을 사용하고 싶습니다. (나는 그것이 dox에 있고, 나는 아직 그것을 발견하지 못했다.) –

사용 가능한 전환은 Windows.UI.Xaml.Media.Animation 네임 스페이스에 있습니다. Check out what is there 당신이 찾고있는 것을 당신이 보지 못하면 당신은 당신 자신의 것을 만들어야 할 것입니다.

나에게 가장 유사한 전환은 AddDeleteThemeTransition이지만, 응용 프로그램 막대 항목이 추가/제거 될 때만 나타나고 응용 프로그램 막대가 열리지 않을 때만 나타납니다.

여기

<AppBar> 
     <Grid> 
      <StackPanel x:Name="LeftPanel" Orientation="Horizontal"> 
       <Button x:Name="Search" Style="{StaticResource SearchAppBarButtonStyle}" /> 
       <StackPanel.ChildrenTransitions> 
        <TransitionCollection> 
         <AddDeleteThemeTransition/> 
        </TransitionCollection> 
       </StackPanel.ChildrenTransitions> 
      </StackPanel> 
     </Grid> 
    </AppBar>

출처

2012-12-30 22:43:10 kindasimple

고마워,하지만 그건 전환의 "확대/축소"부분을하는 것처럼 보이지 않는다 ... 대신 적용하는 것 같다. 페이드 인/아웃 효과. –

설명하는 메일 예제 에서처럼 항목을 제거하고 추가해 보셨습니까? – kindasimple

사용 가능한 전환은 Windows.UI.Xaml.Media.Animation 네임 스페이스에 있습니다. 거기에 무엇이 있는지 확인하고 찾고있는 것을 보지 못하면 자신 만의 것을 만들어야합니다. http://msdn.microsoft.com/en-us/library/windows/apps/jj218361.aspx – kindasimple

AppBar 단추 애니메이션 추가/제거시

답변

관련 문제