シンプル歩数計_ホーム画面動きについて

個人アプリ「シンプル歩数計 - SimpleWalking 」のホーム画面でスワイプした時の処理についての資料になります。

Transcript

1. ϗʔϜը໘ͰεϫΠϓͨ࣌͠ʹϖʔδϯά ͤ͞Δػೳʹ͍ͭͯ
2. ੺࿮ͷ)PNF7JFX#PEZΛɺ5BC7JFXͷ1BHF5BC7JFX4UZMFΛ࢖༻ͯ͠
   લ೔ɾ౰೔ɾཌ೔ͷ̏ը໘෼Λ༧Ί༻ҙ͓͍ͯͯ͠ɺεϫΠϓ͕ݕग़͞Εͨ
   λΠϛϯάͰ7JFXͷ࠶ඳըΛߦ͏Α͏ʹ͢Δ 5BC7JFXͷߏ੒ UBH  UBH  ˢ
   ը໘ʹ͸ৗʹUBH  Λදࣔ͢ΔΑ͏ʹίʔυͰ੍ޚ͢Δ લ೔  ౰೔  ཌ೔  ཌ೔  UBH 
3. ίʔυͰදࣔҐஔͷ੍ޚΛ͢Δ TUSVDU
   )PNF7JFX
   7JFX
   \
   
   
   
   
   બ୒ͨ͠೔෇Λอ࣋͢Δঢ়ଶม਺
   
   
   
   
   !4UBUF
   QSJWBUF
   WBS
   TFMFDUJPO%BUF
   
   %BUF
   
   
   
   
   
   ͜ͷม਺ͰදࣔҐஔΛࢦఆͰ͖Δ தԝ͸UBH  ͳͷͰ
   
   
   
   
   !4UBUF
   QSJWBUF
   WBS
   TFMFDUJPO
   
   
   
   
   
   
   
   
   
   
   
   WBS
   CPEZ
   TPNF
   7JFX
   \
   
   
   
   
   
   
   
   
   74UBDL
   \
   
   
   
   
   
   
   
   
   
   
   
   
   )PNF7JFX)FBEFSΛදࣔ͢Δ࣌ʹҾ਺ͱͯ͠TFMFDUJPO%BUFࢦఆͯ͠೔෇Λ౉͢
   
   
   
   
   ɹɹɹɹ)PNF7JFX)FBEFS TFMFDUJPO%BUF
   TFMFDUJPO%BUF
   
   
   
   
   
   
   
   
   
   
   
   
   5BC7JFX TFMFDUJPO
   TFMFDUJPO
   \
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   )PNF7JFX#PEZ TFMFDUJPO%BUF
   TFMFDUJPO%BUF
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   UBH 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   )PNF7JFX#PEZ TFMFDUJPO%BUF
   TFMFDUJPO%BUF
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   UBH 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   )PNF7JFX#PEZ TFMFDUJPO%BUF
   TFMFDUJPO%BUF
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   UBH 
   
   
   
   
   
   
   
   
   
   
   
   
   ^5BC7JFX
   දࣔҐஔΛ؅ཧ͢ΔTFMFDUJPO͕มΘͬͨ࣌
   UBH൪߸͕มΘͬͨ࣌ͷॲཧ
   PO$IBOHF PG
   TFMFDUJPO \
   OFX7BMVF
   JO
   
   
   
   
   %JTQBUDI2VFVFNBJOBTZOD"GUFS EFBEMJOF
   OPX
   
    \
   
   
   
   
   
   
   
   
   TFMFDUJPO
   
   
   
   
   
   
   
   
   
   
   ӈʹεϫΠϓͯ͠OFX7BMVF͕ʹͳͬͨΒදࣔ͢Δ೔෇Λલ೔ʹ͢Δ
   
   
   
   
   
   
   
   
   JG
   OFX7BMVF
   
   \
   
   
   
   
   
   
   
   
   
   
   
   
   TFMFDUJPO%BUF
   
   DBMFOEBSEBUF CZ"EEJOH
   %BUF$PNQPOFOUT EBZ UPTFMFDUJPO%BUF 
   
   
   
   
   
   
   
   
   ^
   
   
   
   
   
   
   
   
   ࠨʹεϫΠϓͯ͠OFX7BMVF͕ʹͳͬͨΒදࣔ͢Δ೔෇Λཌ೔ʹ͢Δ
   
   
   
   
   
   
   
   
   FMTF
   JG
   OFX7BMVF
   
   \
   
   
   
   
   
   
   
   
   
   
   
   
   TFMFDUJPO%BUF
   
   DBMFOEBSEBUF CZ"EEJOH
   %BUF$PNQPOFOUT EBZ UPTFMFDUJPO%BUF 
   
   
   
   
   
   
   
   
   ^
   
   
   
   
   ^
   %JTQBUDI2VFVFNBJOBTZOD"GUFS
   ^PO$IBOHF
   
   UBC7JFX4UZMF 1BHF5BC7JFX4UZMF JOEFY%JTQMBZ.PEF
   OFWFS
   
   
   
   
   
   
   
   
   ^74UBDL
   
   
   
   
   ^CPEZ
   ^)PNF7JFX
   UBH  UBH  ˢ
   ը໘ʹදࣔ લ೔  ౰೔  ཌ೔  UBH  εϫΠϓΛݕग़ͨ࣌͠ͷ۩ମతͳॲཧͷྲྀΕ͸ɺ3&"%.&NEʹ
   ผ్ɺఴ෇ͯ͋͠ΔϑϩʔਤΛݟ͍͚ͯͨͩΔͱ෼͔Γ΍͍͢ͱࢥ͍·͢ɻ
4. ࠨʹεϫΠϓʢཌ೔ʹҠಈʣ͢Δͱ 5BC7JFXͷߏ੒ UBH  UBH  UBH  දࣔҐஔ લ೔  ౰೔  ཌ೔  લ೔  ౰೔  ཌ೔  UBH  UBH  UBH  දࣔҐஔ ࠨʹεϫΠϓ 5BC7JFXͷߏ੒ʢදࣔߋ৽ޙʣ 1.ࠨʹεϫΠϓͨ݁͠ՌදࣔҐஔ͕tag(1) → tag(2)ʹมΘΔ 2.ίʔυͷselectionม਺΋஋΋1→2ʹมΘΔ 3. .onChangeͰ஋ͷมԽΛΩϟονͯ͠೔෇Λ؅ཧ͢ΔselectionDateʹɺ ݱࡏද͍ࣔͯ͠Δ೔෇͔ΒҰ೔લͷ೔෇Λݮࢉͯ͠୅ೖɻ 4.ը໘ͷߋ৽Λͯ͠tag(2)Λը໘ͷத৺ʹ໭͢ 5. tag(0) tag(1) tag(2) ʹ લ೔ɾ౰೔ɾཌ೔ͷܗʹ໭ͯ͠ը໘ʹදࣔ͢Δ
5. ӈʹεϫΠϓʢલ೔ʹҠಈʣ͢Δͱ 5BC7JFXͷߏ੒ UBH  UBH  UBH  දࣔҐஔ લ೔  ౰೔  ཌ೔  લ೔  ౰೔  ཌ೔  UBH  UBH  UBH  දࣔҐஔ ӈʹεϫΠϓ 5BC7JFXͷߏ੒ʢදࣔߋ৽ޙʣ 1.ӈʹεϫΠϓͨ݁͠ՌදࣔҐஔ͕tag(1) → tag(0)ʹมΘΔ 2.ίʔυͷselectionม਺΋஋΋1→0ʹมΘΔ 3. .onchangedͰ஋ͷมԽΛΩϟονͯ͠೔෇Λ؅ཧ͢ΔselectionDateʹɺ ݱࡏද͍ࣔͯ͠Δ೔෇ʹҰ೔ޙͷ೔෇ΛՃࢉͯ͠୅ೖɻ 4.ը໘ͷߋ৽Λͯ͠tag(0)Λը໘ͷத৺ʹ໭͢ 5. tag(0) tag(1) tag(2) ʹ લ೔ɾ౰೔ɾཌ೔ͷܗʹ໭ͯ͠ը໘ʹදࣔ͢Δ