RadSideDrawerは、コンポーネントの状態変化を通知する、以下に示すいくつかのイベントを発生させます。
RadSideDrawerのイベントは、従来の{N}の方法で、XMLファイルまたはプログラムで捕捉できます。 以下のサンプルコードは、XML定義でハンドラーを割り当てることによって、4つのイベント全てが処理されるシナリオを示しています。ハンドラーのソースも示されています。
<nsDrawer:RadSideDrawer id="sideDrawer"
drawerPan="onDrawerPan"
drawerClosed="onDrawerClosed"
drawerClosing="onDrawerClosing"
drawerOpened="onDrawerOpened"
drawerOpening="onDrawerOpening">
<nsDrawer:RadSideDrawer.drawerTransition>
<nsDrawer:PushTransition/>
</nsDrawer:RadSideDrawer.drawerTransition>
<nsDrawer:RadSideDrawer.mainContent>
</nsDrawer:RadSideDrawer.mainContent>
<nsDrawer:RadSideDrawer.drawerContent>
</nsDrawer:RadSideDrawer.drawerContent>
</nsDrawer:RadSideDrawer>
export function onDrawerClosed(args: DrawerStateChangedEventArgs) {
drawerCallbacksModel.onDrawerClosed(args);
}
export function onDrawerClosing(args: DrawerStateChangingEventArgs) {
drawerCallbacksModel.onDrawerClosing(args);
}
export function onDrawerOpened(args: DrawerStateChangedEventArgs) {
drawerCallbacksModel.onDrawerOpened(args);
}
export function onDrawerOpening(args: DrawerStateChangingEventArgs) {
drawerCallbacksModel.onDrawerOpening(args);
}
export function onDrawerPan(args: DrawerStateChangedEventArgs) {
drawerCallbacksModel.onDrawerPan(args);
}
このシナリオの実際を見たいですか? GitHubでSDKサンプルリポジトリを確認してください。NativeScript UIを使用した、これと他の多くの実用的な例があります。