4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ApplibotAdvent Calendar 2021

Day 7

FancyCarouselView使ってみた

Last updated at Posted at 2021-12-07

FancyCarouselView使ってみた

「Applibot Advent Calendar 2021」7日目の記事になります。

FancyCarouselViewとは

Haruma-Kさんが公開したUnityのuGUI用のカルーセルビューです。
https://github.com/Haruma-K/FancyCarouselView/blob/master/README_JA.md
Fancy Scroll Viewをベースに作成されています。

開発環境

Unity : 2020.3.1.18f1
※Unity 2019.4 以上対応

とりあえず使ってみる

README通りにやりながら、細かい点(Prefabの構造,Hierarchy)はデモシーンを見ながらで、基本的な使い方を把握できます。

以下のgifまで(セットアップ、基本的な使い方)は30~40分くらいで完了できました。

ezgif.com-gif-maker.gif

使用感

実装の柔軟性

README/応用的な使い方でも記述されていますが、カルーセルの基本的な仕様を満たせそうなプロパティは簡単に設定出来るようになっています。
スナップアニメーションの秒数や、イージングタイプ、一定間隔の自動スクロールなど簡単に設定することが出来ます。
スクリーンショット 2021-12-07 6.55.56.png

README/応用的な使い方でも紹介されている通り、セルの動きをカスタムしたりと自由度があり、セルの基底クラスのメソッドをオーバーライドしたり、カルーセルの公開されているメソッドを使用することで下のgifの様にボタンでセルの動きを簡単に制御することも出来ます。(CarouselViewクラスのScrollToメソッド)
ボタン制御に変更するのに、およそ10分程度の修正でした。

ezgif.com-gif-maker (1).gif

実装の容易度

実装の柔軟性でも話した通り、ボタン制御を追加したり、画面下の要素を追加したりでも数十分程度で実装、修正出来ました。
カルーセルで満たしたい欲しい機能は揃っており、すぐに実装することが可能かと思います。

おわりに

スナップの制御など、地味にめんどくさい実装が数ステップで簡単に実装することが出来ました。

以上、「Applibot Advent Calendar 2021」7日目の記事でした。


Copyright (c) 2021 Haruki Yano The MIT License (MIT) https://github.com/Haruma-K/FancyCarouselView/blob/master/LICENSE.md
4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?