New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

h5.ui.jqm.manager JQMのpageshow/pagehide相当のイベントをhifiveでディスパッチする #169

Closed
mtakeuchi opened this Issue Feb 14, 2013 · 6 comments

Comments

Projects
None yet
3 participants
@mtakeuchi
Contributor

mtakeuchi commented Feb 14, 2013

Aページ表示後、Bページに遷移するパターンでトランジションありで遷移した場合、Bにdefineしたコントローラでpageshow/pagehideを拾うことができるが、トランジション無しで遷移すると、Bにdefineしたコントローラでpageshowやpagehideを拾うことができない。
ページの生成・破棄のタイミングはhifiveのライフサイクルイベントで知ることができるが、ページの表示・非表示のタイミングは知ることができないため、コントローラが有効または無効になったときにJQMマネージャでpageshow/pagehide相当のイベントを起こすようにする。

hifiveのイベントとJQMのイベントの発生タイミング

JQM ver.1.2.0 id:要素 type:イベント名

  • A -> B トランジションあり
    id:BODY type:pagebeforechange
    id:BODY type:pagebeforeload
    id:B type:pagebeforecreate
    id:B type:pagecreate
    id:B type:pageinit
    id:BODY type:pageload
    id:BODY type:pagebeforechange
    id:A type:pagebeforehide
    id:B type:pagebeforeshow
    id:B type:h5controllerbound
    B __ready
    id:B type:h5controllerready
    id:A type:pagehide
    id:B type:pageshow
    id:BODY type:pagechange
  • A -> B トランジションなし
    id:BODY type:pagebeforechange
    id:BODY type:pagebeforeload
    id:B type:pagebeforecreate
    id:B type:pagecreate
    id:B type:pageinit
    id:BODY type:pageload
    id:BODY type:pagebeforechange
    id:A type:pagebeforehide
    id:B type:pagebeforeshow
    id:A type:pagehide
    id:B type:pageshow
    id:BODY type:pagechange
    id:B type:h5controllerbound
    B __ready
    id:B type:h5controllerready
@mtakeuchi

This comment has been minimized.

Show comment
Hide comment
@mtakeuchi

mtakeuchi Feb 14, 2013

Contributor

A -> B遷移後、 B -> A に戻った場合

  • A -> B 表示後、B -> A にトランジションありで戻る
    id:BODY type:pagebeforechange
    id:B type:pagebeforehide
    id:A type:pagebeforeshow
    id:B type:pagehide
    id:B type:pageremove
    id:B type:h5controllerunbound
    id:A type:pageshow
    id:BODY type:pagechange
  • B -> A にトランジションなしで戻る
    id:BODY type:pagebeforechange
    id:B type:pagebeforehide
    id:A type:pagebeforeshow
    id:B type:pagehide
    id:B type:pageremove
    id:B type:h5controllerunbound
    id:A type:pageshow
    id:BODY type:pagechange

戻った場合はトランジションの有無で違いなし。

Contributor

mtakeuchi commented Feb 14, 2013

A -> B遷移後、 B -> A に戻った場合

  • A -> B 表示後、B -> A にトランジションありで戻る
    id:BODY type:pagebeforechange
    id:B type:pagebeforehide
    id:A type:pagebeforeshow
    id:B type:pagehide
    id:B type:pageremove
    id:B type:h5controllerunbound
    id:A type:pageshow
    id:BODY type:pagechange
  • B -> A にトランジションなしで戻る
    id:BODY type:pagebeforechange
    id:B type:pagebeforehide
    id:A type:pagebeforeshow
    id:B type:pagehide
    id:B type:pageremove
    id:B type:h5controllerunbound
    id:A type:pageshow
    id:BODY type:pagechange

戻った場合はトランジションの有無で違いなし。

@mtakeuchi

This comment has been minimized.

Show comment
Hide comment
@mtakeuchi

mtakeuchi Feb 14, 2013

Contributor

A -> B -> C

id:BODY type:pagebeforechange
id:BODY type:pagebeforeload
id:C type:pagebeforecreate
id:C type:pagecreate
id:C type:pageinit
id:BODY type:pageload
id:BODY type:pagebeforechange
id:B type:pagebeforehide
id:C type:pagebeforeshow
id:C type:h5controllerbound
id:C __ready
id:C type:h5controllerready
id:B type:pagehide
id:B type:pageremove
id:B type:h5controllerunbound
id:C type:pageshow
id:BODY type:pagechange

Contributor

mtakeuchi commented Feb 14, 2013

A -> B -> C

id:BODY type:pagebeforechange
id:BODY type:pagebeforeload
id:C type:pagebeforecreate
id:C type:pagecreate
id:C type:pageinit
id:BODY type:pageload
id:BODY type:pagebeforechange
id:B type:pagebeforehide
id:C type:pagebeforeshow
id:C type:h5controllerbound
id:C __ready
id:C type:h5controllerready
id:B type:pagehide
id:B type:pageremove
id:B type:h5controllerunbound
id:C type:pageshow
id:BODY type:pagechange

@ghost ghost assigned mtakeuchi Feb 14, 2013

@mtakeuchi

This comment has been minimized.

Show comment
Hide comment
@mtakeuchi

mtakeuchi Feb 15, 2013

Contributor

h5jqmpageshowとh5jqmpagehideの発生順序 (仮

  • 『Aを初期表示』
    A - __ready
    A - h5jqmpageshow
  • 『A -> B』 に遷移
    A - h5jqmpagehide
    B - __ready
    B - h5jqmpageshow
  • A -> B 遷移後、『B -> C』 に遷移]
    B - h5jqmpagehide
    C - __ready
    B - __dispose
    C - h5jqmpageshow
  • A -> B 遷移後、 『B -> A』 に遷移
    B - h5jqmpagehide
    B - __dispose
    A - h5jqmpageshow
Contributor

mtakeuchi commented Feb 15, 2013

h5jqmpageshowとh5jqmpagehideの発生順序 (仮

  • 『Aを初期表示』
    A - __ready
    A - h5jqmpageshow
  • 『A -> B』 に遷移
    A - h5jqmpagehide
    B - __ready
    B - h5jqmpageshow
  • A -> B 遷移後、『B -> C』 に遷移]
    B - h5jqmpagehide
    C - __ready
    B - __dispose
    C - h5jqmpageshow
  • A -> B 遷移後、 『B -> A』 に遷移
    B - h5jqmpagehide
    B - __dispose
    A - h5jqmpageshow
@mtakeuchi

This comment has been minimized.

Show comment
Hide comment
@mtakeuchi

mtakeuchi Feb 15, 2013

Contributor

h5jqmpageshowとh5jqmpagehideの発生順序 (トランジションにアニメーションが適用されている場合

h5jqmpageshow = JQMのpageshowとほぼ同じタイミングで発生
h5jqmpagehide = JQMのpagehideとほぼ同じタイミングで発生

  • 『Aを初期表示』
    A - __ready
    A - h5jqmpageshow
  • 『A -> B』 に遷移
    B - __ready
    A - h5jqmpagehide
    B - h5jqmpageshow
  • A -> B 遷移後、『B -> C』 に遷移]
    C - __ready
    B - h5jqmpagehide
    B - __dispose
    C - h5jqmpageshow
  • A -> B 遷移後、 『B -> A』 に遷移
    B - h5jqmpagehide
    B - __dispose
    A - h5jqmpageshow
Contributor

mtakeuchi commented Feb 15, 2013

h5jqmpageshowとh5jqmpagehideの発生順序 (トランジションにアニメーションが適用されている場合

h5jqmpageshow = JQMのpageshowとほぼ同じタイミングで発生
h5jqmpagehide = JQMのpagehideとほぼ同じタイミングで発生

  • 『Aを初期表示』
    A - __ready
    A - h5jqmpageshow
  • 『A -> B』 に遷移
    B - __ready
    A - h5jqmpagehide
    B - h5jqmpageshow
  • A -> B 遷移後、『B -> C』 に遷移]
    C - __ready
    B - h5jqmpagehide
    B - __dispose
    C - h5jqmpageshow
  • A -> B 遷移後、 『B -> A』 に遷移
    B - h5jqmpagehide
    B - __dispose
    A - h5jqmpageshow
@mtakeuchi

This comment has been minimized.

Show comment
Hide comment
@mtakeuchi

mtakeuchi Feb 18, 2013

Contributor

h5jqmpageshowとh5jqmpagehideの発生順序 (トランジションにアニメーションが適用されていない場合

h5jqmpageshow = JQMのpageshowとほぼ同じタイミングで発生
(初期表示時は、JQMコントローラがreadyになるよりも前にpageshowが発火してしまうため、h5controllerready後に発生する)
h5jqmpagehide = JQMのpagehideとほぼ同じタイミングで発生

  • 『Aを初期表示』
    A - __ready
    A - h5jqmpageshow
  • 『A -> B』 に遷移
    A - h5jqmpagehide
    B - __ready
    B - h5jqmpageshow
  • A -> B 遷移後、『B -> C』 に遷移
    B - h5jqmpagehide
    B - __dispose
    C - __ready
    C - h5jqmpageshow
  • A -> B 遷移後、 『B -> A』 に遷移
    B - h5jqmpagehide
    B - __dispose
    A - h5jqmpageshow
Contributor

mtakeuchi commented Feb 18, 2013

h5jqmpageshowとh5jqmpagehideの発生順序 (トランジションにアニメーションが適用されていない場合

h5jqmpageshow = JQMのpageshowとほぼ同じタイミングで発生
(初期表示時は、JQMコントローラがreadyになるよりも前にpageshowが発火してしまうため、h5controllerready後に発生する)
h5jqmpagehide = JQMのpagehideとほぼ同じタイミングで発生

  • 『Aを初期表示』
    A - __ready
    A - h5jqmpageshow
  • 『A -> B』 に遷移
    A - h5jqmpagehide
    B - __ready
    B - h5jqmpageshow
  • A -> B 遷移後、『B -> C』 に遷移
    B - h5jqmpagehide
    B - __dispose
    C - __ready
    C - h5jqmpageshow
  • A -> B 遷移後、 『B -> A』 に遷移
    B - h5jqmpagehide
    B - __dispose
    A - h5jqmpageshow

mtakeuchi pushed a commit to hifive-labs/hifivemain that referenced this issue Feb 20, 2013

mtakeuchi
#169
JQMマネージャで管理しているコントローラに対して、pagehide相当のタイミングでh5jqmpageshowを、pageshow相当のタイミングでh5jqmpagehideをトリガするよう修正。
@mtakeuchi

This comment has been minimized.

Show comment
Hide comment
@mtakeuchi

mtakeuchi Feb 20, 2013

Contributor

pageshowがJQMコントローラのバインドよりも早く実行されたときの挙動

  1. h5jqmpageshowイベントは、__readyの完了(h5controllerreadyが発火)を待ってから1回だけ実行する。
    (Aのコントローラの__readyでPromiseが返され、__readyの処理が完了しないうちにA->B->Aと遷移した場合でも、Aのh5jqmpageshowは1回だけ実行される)
  2. 1.以降は、JQMのpageshowと同じタイミングでh5jqmpageshowを実行する。

なお、アクティブページでのみh5jqmpageshow/hideは実行される。

Contributor

mtakeuchi commented Feb 20, 2013

pageshowがJQMコントローラのバインドよりも早く実行されたときの挙動

  1. h5jqmpageshowイベントは、__readyの完了(h5controllerreadyが発火)を待ってから1回だけ実行する。
    (Aのコントローラの__readyでPromiseが返され、__readyの処理が完了しないうちにA->B->Aと遷移した場合でも、Aのh5jqmpageshowは1回だけ実行される)
  2. 1.以降は、JQMのpageshowと同じタイミングでh5jqmpageshowを実行する。

なお、アクティブページでのみh5jqmpageshow/hideは実行される。

mtakeuchi pushed a commit to hifive-labs/hifivemain that referenced this issue Feb 20, 2013

mtakeuchi
#169 アクティブページでのみh5jqmpageshow/hideが実行されるよう修正。
__ready処理中にA->B->Aのように遷移しても、h5jqmpageshowが2回実行されないよう修正。
テストケースにフォーマッタを適用。

simdy added a commit to hifive-labs/hifivemain that referenced this issue Mar 10, 2013

simdy added a commit to hifive-labs/hifivemain that referenced this issue Mar 10, 2014

#169
pageshow/pagehide対応コードをマージ。この問題のためのブランチが過去(手違いで)すでにマージされ、手作業でソースを前バージョンのものに戻していたので、今回も手作業でマージ。マージ元のコミットは
b19a7c5

@simdy simdy closed this Mar 13, 2014

@simdy simdy added this to the v1.1.9 milestone Mar 13, 2014

@simdy simdy assigned fukudayasuo and unassigned mtakeuchi Mar 13, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment