Skip to content

Commit

Permalink
Update README_JA.md
Browse files Browse the repository at this point in the history
  • Loading branch information
Haruma-K authored Aug 18, 2022
1 parent fc962b8 commit 67938d1
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions README_JA.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ Fancy Carousel Viewは低レイヤー実装として<a href="https://github.com/
* https://github.com/Haruma-K/FancyCarouselView.git?path=/Assets/FancyCarouselView

<p align="center">
<img width=500 src="https://user-images.githubusercontent.com/47441314/118421190-97842b00-b6fb-11eb-9f94-4dc94e82367a.png" alt="Package Manager">
<img width="60%" src="https://user-images.githubusercontent.com/47441314/118421190-97842b00-b6fb-11eb-9f94-4dc94e82367a.png" alt="Package Manager">
</p>

あるいはPackages/manifest.jsonを開き、dependenciesブロックに以下を追記します。
Expand Down Expand Up @@ -212,7 +212,7 @@ Fancy Carousel Viewはカルーセルの進捗を表すプログレスビュー
`DotCarouselProgressView`のInspectorからProgress Element Prefabだけを差し替えることで実現できます。

<p align="center">
<img width=600 src="https://user-images.githubusercontent.com/47441314/143854073-ce7b5f99-22b8-438d-b6dc-44a2aa1eb52f.gif" alt="Custom Progress View">
<img width="70%" src="https://user-images.githubusercontent.com/47441314/143854073-ce7b5f99-22b8-438d-b6dc-44a2aa1eb52f.gif" alt="Custom Progress View">
</p>

#### セルの動きをカスタムする
Expand All @@ -234,7 +234,7 @@ protected override void OnPositionUpdated(float position)
```

<p align="center">
<img width=600 src="https://user-images.githubusercontent.com/47441314/136646317-d2138797-024a-44d4-af4c-b3d389972890.gif" alt="Demo">
<img width="70%" src="https://user-images.githubusercontent.com/47441314/136646317-d2138797-024a-44d4-af4c-b3d389972890.gif" alt="Demo">
</p>

#### スクロールビューと併せて使う
Expand All @@ -243,15 +243,15 @@ Unityの仕様によりカルーセルビューがスクロールビューのド
すなわち、カルーセルビューをドラッグしてもスクロールビューはスクロールしません。

<p align="center">
<img width=600 src="https://user-images.githubusercontent.com/47441314/139780467-5678bf8a-fe4b-46d4-a8e6-34c66c24d4f2.gif" alt="Demo">
<img width="70%" src="https://user-images.githubusercontent.com/47441314/139780467-5678bf8a-fe4b-46d4-a8e6-34c66c24d4f2.gif" alt="Demo">
</p>

このような場合にはカルーセルビューのGameObjectに`Scroll Event Propagator`コンポーネントをアタッチします。
このコンポーネントはドラッグイベントを適切に親の`ScrollRect`に伝播します。
結果として以下のようにスクロールビューとカルーセルビューが適切に動作します。

<p align="center">
<img width=600 src="https://user-images.githubusercontent.com/47441314/139779762-13e992e1-ccc6-4819-a283-9ec5a79ce4e9.gif" alt="Demo">
<img width="70%" src="https://user-images.githubusercontent.com/47441314/139779762-13e992e1-ccc6-4819-a283-9ec5a79ce4e9.gif" alt="Demo">
</p>

## ライセンス
Expand Down

0 comments on commit 67938d1

Please sign in to comment.