RadSideDrawerを開いた状態と閉じた状態を切り替えるときに、 ドロワーとメインコンテンツペインをアニメーション化するために使用される、いくつかの事前定義されたトランジションが付属しています。 次のリストは、事前定義された遷移を示しています。
トランジションを使用するには、 そのインスタンスをRadSideDrawerインスタンスの "drawerTransition"プロパティに設定する必要があります。
public onSlideInOnTopTransitionTap(args) {
this.setDrawerTransition(new drawerModule.SlideInOnTopTransition());
this.openSideDrawer();
}
public openSideDrawer(args?: observableModule.EventData) {
let drawer: drawerModule.RadSideDrawer = <drawerModule.RadSideDrawer>Frame.topmost().getViewById("sideDrawer");
drawer.showDrawer();
}
public closeDrawer(args?: observableModule.EventData) {
let drawer: drawerModule.RadSideDrawer = <drawerModule.RadSideDrawer>Frame.topmost().getViewById("sideDrawer");
drawer.closeDrawer();
}
private setDrawerTransition(transition: drawerModule.DrawerTransitionBase) {
let drawer: drawerModule.RadSideDrawer = <drawerModule.RadSideDrawer>Frame.topmost().getViewById("sideDrawer");
drawer.drawerTransition = transition;
}
このシナリオの実際を見たいですか? GitHubでSDKサンプルリポジトリを確認してください。NativeScript UIを使用した、これと他の多くの実用的な例があります。