Skip to main content
本文に 86 文字追加
ソース リンク
osugi
  • 18
  • 4

こんにちは、MonacaでOnsenUIを使用してアプリを開発しています。

ons-navigatorのpushPageメソッドを使用して画面遷移を行っています。
その際にオブジェクトでアニメーションをfadeに指定しています。
遷移後の画面からpopPageメソッドを使用して前画面に遷移する際に別のアニメーションを指定したいです。
現在記述しているコードは以下となります。

<ons-toolbar>
    <div class="left">
        <ons-back-button ng-click="navi.popPage({animation:'slide'})">Back</ons-back-button>
    </div>
</ons-toolbar>

実行環境は以下になります。

  • デバイス:iPhone6(iOS9.3.5)
  • 実行環境:Monacaデバッガー6.0.0

OnsenUIはバージョン2.0以降だと思います。(getCurrentPageではなくtopPageが使用できました)
MonacaIDE上でバージョンを調べる方法がわかりませんでした。申し訳ありません。



pushPage時にアニメーションを未指定にし、popPage時にアニメーションを指定しましたがその場合もアニメーションの指定が反映がされませんでした。

pushPageとpopPageのアニメーションはセットになってしまっているのでしょうか。

以上です。よろしくお願い致します。

【2016/09/28 追記】
OnsenUI2.0.0(正式版)に差し替えたところ、教えて頂いた方法で実現することが出来ました。
ありがとうございました。

こんにちは、MonacaでOnsenUIを使用してアプリを開発しています。

ons-navigatorのpushPageメソッドを使用して画面遷移を行っています。
その際にオブジェクトでアニメーションをfadeに指定しています。
遷移後の画面からpopPageメソッドを使用して前画面に遷移する際に別のアニメーションを指定したいです。
現在記述しているコードは以下となります。

<ons-toolbar>
    <div class="left">
        <ons-back-button ng-click="navi.popPage({animation:'slide'})">Back</ons-back-button>
    </div>
</ons-toolbar>

実行環境は以下になります。

  • デバイス:iPhone6(iOS9.3.5)
  • 実行環境:Monacaデバッガー6.0.0

OnsenUIはバージョン2.0以降だと思います。(getCurrentPageではなくtopPageが使用できました)
MonacaIDE上でバージョンを調べる方法がわかりませんでした。申し訳ありません。



pushPage時にアニメーションを未指定にし、popPage時にアニメーションを指定しましたがその場合もアニメーションの指定が反映がされませんでした。

pushPageとpopPageのアニメーションはセットになってしまっているのでしょうか。

以上です。よろしくお願い致します。

こんにちは、MonacaでOnsenUIを使用してアプリを開発しています。

ons-navigatorのpushPageメソッドを使用して画面遷移を行っています。
その際にオブジェクトでアニメーションをfadeに指定しています。
遷移後の画面からpopPageメソッドを使用して前画面に遷移する際に別のアニメーションを指定したいです。
現在記述しているコードは以下となります。

<ons-toolbar>
    <div class="left">
        <ons-back-button ng-click="navi.popPage({animation:'slide'})">Back</ons-back-button>
    </div>
</ons-toolbar>

実行環境は以下になります。

  • デバイス:iPhone6(iOS9.3.5)
  • 実行環境:Monacaデバッガー6.0.0

OnsenUIはバージョン2.0以降だと思います。(getCurrentPageではなくtopPageが使用できました)
MonacaIDE上でバージョンを調べる方法がわかりませんでした。申し訳ありません。



pushPage時にアニメーションを未指定にし、popPage時にアニメーションを指定しましたがその場合もアニメーションの指定が反映がされませんでした。

pushPageとpopPageのアニメーションはセットになってしまっているのでしょうか。

以上です。よろしくお願い致します。

【2016/09/28 追記】
OnsenUI2.0.0(正式版)に差し替えたところ、教えて頂いた方法で実現することが出来ました。
ありがとうございました。

ソース リンク
osugi
  • 18
  • 4

pushPageとpopPageで別のアニメーションを設定したい

こんにちは、MonacaでOnsenUIを使用してアプリを開発しています。

ons-navigatorのpushPageメソッドを使用して画面遷移を行っています。
その際にオブジェクトでアニメーションをfadeに指定しています。
遷移後の画面からpopPageメソッドを使用して前画面に遷移する際に別のアニメーションを指定したいです。
現在記述しているコードは以下となります。

<ons-toolbar>
    <div class="left">
        <ons-back-button ng-click="navi.popPage({animation:'slide'})">Back</ons-back-button>
    </div>
</ons-toolbar>

実行環境は以下になります。

  • デバイス:iPhone6(iOS9.3.5)
  • 実行環境:Monacaデバッガー6.0.0

OnsenUIはバージョン2.0以降だと思います。(getCurrentPageではなくtopPageが使用できました)
MonacaIDE上でバージョンを調べる方法がわかりませんでした。申し訳ありません。



pushPage時にアニメーションを未指定にし、popPage時にアニメーションを指定しましたがその場合もアニメーションの指定が反映がされませんでした。

pushPageとpopPageのアニメーションはセットになってしまっているのでしょうか。

以上です。よろしくお願い致します。