# スワイプでの情報変位を行いたいと思っています。Adaloでこの機能は実装できるのでしょうか？......

**URL:** <https://www.nocode-faq.com/t/topic/416>\
**Category:** Adalo\
**Created:** [2021 年 2 月 2 日午前 8:46 UTC](https://www.nocode-faq.com/t/topic/416 "2021-02-02T08:46:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 2 月 2 日午前 8:46 UTC](https://www.nocode-faq.com/t/topic/416/1 "2021-02-02T08:46:21Z")

</div>

スワイプでの情報変位を行いたいと思っています。Adaloでこの機能は実装できるのでしょうか？

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 2 月 2 日午前 8:46 UTC](https://www.nocode-faq.com/t/topic/416/2 "2021-02-02T08:46:22Z")

</div>

回答者１  
ちょっとできない

質問者  
分かりました！  
ありがとうございます！

回答者２  
そのようにスライドはできないですが、画面遷移の際にそれぞれで設定しておけば、それっぽい動きはできますよ！  
例えば、ピックアップの画面ではがぞうのようにピックアップにあらかじめ文字の色を変えておく、ランキングのページではランキングの文字を真ん中にして、色を変える・・みたいな感じです。笑  
そして画面遷移をスライドで繊維するようにするとわりとそれっぽくなります。  
まあかなり作り込みが大変ですが・・・笑

質問者  
なるほど、すべてのパターンを作ればいけるということですね！  
画面推移をスライドで維持するというのはどういうイメージでしょうか？スワイプでも可能ということでしょうか？それとも、ボタンを押すと画面推移のイメージでしょうか？  
理解力なくてごめんなさい。  
大変そうですが、可能でしたらスワイプで画面推移が作りたいんですよね。。。

回答者２  
いえいえ、ページ遷移の際にアニメーションを選べるんですよね  
リンクのところの、transitionをデフォルトはpushだと思うんですが、Slide Rightにしたら良い感じになるかと。  
（ただ、もちろんただ戻るだけでもSlide Leftで戻らないといけないので、本来のページ数の倍以上のページが必要かと思います、、笑）

まあスライドで遷移するのは回答者１さんがおっしゃってる通り無理なので、あくまで、利用者側から見るとスライドしてる「風」に見えるようになら（かなり大変ですけど）作り込めるということです笑

質問者  
自分もそこいじってみたのですが、SCREEN全体のActionsをSlide Rightで実装すると、何もしていないのに動いてしまってできないのかなと思ってまいした。。。どこをいじれば停滞して、しっかりとスライドした時に推移が起こるか教えて頂けませんでしょうか？  
ページ数が増えるのは覚悟の上です笑笑  
スライド自体での推移は不可能ということでしょうか？  
やるならば、テキストをクリックしたらのような感じですかね？  
こうなります☟笑

[https://nocodecamp.slack.com/?redir=%2Ffiles%2FU016HTTPE04%2FF0190CX8U3B%2Fshige\_plantiful\_-\_google\_chrome\_2020-08-11\_21-12-20.mp4](https://nocodecamp.slack.com/?redir=%2Ffiles%2FU016HTTPE04%2FF0190CX8U3B%2Fshige_plantiful_-_google_chrome_2020-08-11_21-12-20.mp4)

回答者３  
こんな感じですか？  
[https://app.adalo.com/apps/8c1c5eba-22d1-4b8e-9f6e-12cb64169078/screens](https://app.adalo.com/apps/8c1c5eba-22d1-4b8e-9f6e-12cb64169078/screens)

回答者４  
Trantision は「none」の方が僕好きです～

> **[Gyazo](https://gyazo.com/63ef914414a06a984657d0ddf5d4212b)**

質問者  
ありがとうございます！！！  
そういうイメージです！  
ボタンを押さないとできないということですね！理解できました！  
みなさんほんとにありがとうございました

## 参考画像

[https://dl.airtable.com/.attachments/0c1f57de5853d4cac14ed4a10ef84ba2/da7ab392/iOS.MP4(image larger than 4096KB)](https://dl.airtable.com/.attachments/0c1f57de5853d4cac14ed4a10ef84ba2/da7ab392/iOS.MP4)

## 参考URL

[https://nocodecamp.slack.com/?redir=%2Ffiles%2FU016HTTPE04%2FF0190CX8U3B%2Fshige\_plantiful\_-\_google\_chrome\_2020-08-11\_21-12-20.mp4](https://nocodecamp.slack.com/?redir=%2Ffiles%2FU016HTTPE04%2FF0190CX8U3B%2Fshige_plantiful_-_google_chrome_2020-08-11_21-12-20.mp4)

[https://app.adalo.com/apps/8c1c5eba-22d1-4b8e-9f6e-12cb64169078/screens](https://app.adalo.com/apps/8c1c5eba-22d1-4b8e-9f6e-12cb64169078/screens)

> **[Gyazo](https://gyazo.com/63ef914414a06a984657d0ddf5d4212b)**
