2017-12-21 1 views
0

항목 중 하나가 고정 크기의 GridLayout 인 StackLayout이 있습니다. 일반적으로이 GridLayout은 보이지 않습니다.Nativescript - 탭으로 열 레이아웃을 얻는 방법

버튼을 눌러서 GridLayout을 보이게하고 싶습니다.하지만 메뉴가 열려있는 것처럼 열어서 애니메이션으로 만들고 싶습니다.

아이디어가 있으십니까?

실제로 가시성을 전환하는 것은 그렇게 나쁘지 않습니다. 속도를 제어하기 위해 개방형으로 애니메이션하는 것처럼 보입니까?

클로즈 작업이 너무 빨라서 내가 성취하고자하는 일에 너무 빠를 수도 있습니다.

답변

1

그리드의 불투명도를 애니메이트 할 수 있습니다. 당신이 그것을 클릭 할 때 그래서 당신은

// View is your gridView, this would hide it completely 
view.opacity = 0; 

// when you want to show it. 
// fade in view. 
view.animate({ 
     opacity: 1, 
     duration: 250 
     }).then(() => { 
      //Set the visibility to collapsed after the animation is complete 
      //I believe you will want to do this so that the surrounding views adjust accordingly. 
      view.visibility='collapse'; 
     }, (err) => {}); 

// when you want to hide it. 
// fade out. 
view.animate({ 
     opacity: 0, 
     duration: 250 
     }).then(() => { 
      view.visibility='visible'; 
     }, (err) => {}); 

당신은 또한 당신이, 위, 왼쪽, 아래 당신이 원하는 바로 어떤 방식으로보기를 이동할 수 있습니다 당신을 위해 번역 애니메이션을 조사 할 수있다.

+0

감사합니다. 정확히 내가 원하는 것은 아니지만 도움이 될 것입니다. 이상적인 솔루션은 GridView 높이를 애니메이트 할 수있는 능력이라고 생각합니다. 그러나 NS가 현재이를 지원하지 않는다고 생각합니다. – dashman

+1

하단에 2 개를 아래로 스크롤하면 {N} https://github.com/NativeScript/NativeScript/issues/1764에 해당 기능을 추가하는 데 문제가 있습니다. RxJS로 높이를 애니메이션하는 방법에 대한 몇 가지 예가 있습니다. – theOriginalJosh

관련 문제