MAUI CarouselView {Prev, Current, Next} 아이템 효과 어떻게 주나요?

🖥️ UI/UX 프로그래밍 Q&A Xamarin/MAUI Q&A
1

MAUI 로 CarouselView 에 Prev, Current, Next 아이템에 Opacity, Sacle 등 여러가지 효과를 주고 싶은데
어떻게 줄 수 있을까요?

1개의 좋아요
2

구현하시려는 레퍼런스 같은데 확인해보시겠어요?

3개의 좋아요
3

https://www.google.com/search?q=maui+carouselview+prev%2C+current%2C+next+item+opacity%2C+scale&sxsrf=ALiCzsZi1-Qfr3EB233lZS-JEI-bpWBJXg%3A1655804970256&ei=KpSxYtWQD-u12roPqvKJmA4&oq=MAUI+CarouselView+Prev%2C+Current%2C+Next+item+Opacity%2C+Sacle&gs_lcp=Cgdnd3Mtd2l6EAMYADIHCCMQsAIQJzoHCAAQRxCwAzoGCCEQChAqSgQIQRgASgQIRhgAUIYbWM5rYN51aAZwAXgAgAGzAYgBpRSSAQQwLjE2mAEAoAEByAEKwAEB&sclient=gws-wiz

3개의 좋아요
4

저기까지는 했는데 부드럽게 효과를 주고 싶어요!

1개의 좋아요
5

해당 Docs 를 통해 구현까지는 했는데 부드럽게 효과를 주는 방법은 없을까요?
갑자기 바뀌는거 말고 css translate 같은 효과를 주고 싶습니다.

1개의 좋아요
6
3개의 좋아요
7

VisualState.Setter 대신 StoryBoard를 연결하시면 될 것 같아요.
테스트는 안해봤어요~

 <VisualStateManager.VisualStateGroups>
    <VisualStateGroup x:Name="CommonStates">
        <VisualState x:Name="CurrentItem">
            <Storyboard>
                <DoubleAnimation 
                  Storyboard.TargetName="carouseView"
                  Storyboard.TargetProperty="(CarouselView.Opacity)" 
                  From="1" To="0" Duration="0:0:5"  /> 
              </Storyboard>
        </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

참고

4개의 좋아요
8

image
해당 이미지처럼 ‘Storyboard’ 형식을 못 찾는다고 해요 ㅠㅠ

1개의 좋아요
9

MAUI 연습도 할겸 패키지 이것저것 설치하고 CarouselView 에 Indicatorview을 연결해 봤습니다. 데모 소스를 다운받아 실행해 보시면 좋을 것 같네요.
MAUI 데모

이 이상의 커스텀한 애니메이션 효과를 말씀하시는걸까요?

3개의 좋아요