상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
수정하기 - HorizontalScrollView의 아이템에 대한 클릭 애니메이션을 추가할 수 있나요?
닉네임
비밀번호
제목
내용
[이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]
네, `HorizontalScrollView`의 아이템에 클릭 애니메이션을 추가할 수 있습니다. `HorizontalScrollView`는 뷰 그룹으로, 그 안에 여러 개의 뷰를 배치할 수 있기 때문에 각각의 아이템에 대해 클릭 이벤트를 처리하고 애니메이션을 적용할 수 있습니다. 여기서는 Android의 `View` 클래스를 사용하여 클릭 애니메이션을 구현하는 방법을 설명하겠습니다. 1. XML 레이아웃 준비하기 먼저 `HorizontalScrollView`와 그 내부에 아이템을 배치할 `LinearLayout`을 XML 레이아웃에 추가합니다. ```xml <HorizontalScrollView android:id="@+id/horizontalScrollView" android:layout_width="match_parent" android:layout_height="wrap_content"> <LinearLayout android:id="@+id/itemContainer" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <!-- 아이템 예시 --> <TextView android:id="@+id/item1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="아이템 1" android:padding="16dp"/> <TextView android:id="@+id/item2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="아이템 2" android:padding="16dp"/> <!-- 추가 아이템들을 여기에 추가 --> </LinearLayout> </HorizontalScrollView> ``` 2. 클릭 애니메이션 추가하기 아이템에 클릭 이벤트와 애니메이션을 추가하기 위해, Java 또는 Kotlin을 사용하여 코드를 작성합니다. 아래는 간단한 예시입니다. Java 예시 ```java LinearLayout itemContainer = findViewById(R.id.itemContainer); for (int i = 0; i < itemContainer.getChildCount(); i++) { View item = itemContainer.getChildAt(i); item.setOnClickListener(v -> { // 클릭 애니메이션 <a href='https://sangseek.com/sangseeks/효과 적용/ko'>효과 적용</a> v.animate() .scaleX(1.2f) .scaleY(1.2f) .setDuration(200) .with<a href='https://sangseek.com/sangseeks/EndAction/ko'>EndAction</a>(() -> { v.animate() .scaleX(1f) .scaleY(1f) .setDuration(200) .start(); }) .start(); }); } ``` Kotlin 예시 ```kotlin val itemContainer = findViewById<LinearLayout>(R.id.itemContainer) for (i in 0 until itemContainer.childCount) { val item = itemContainer.getChildAt(i) item.setOnClickListener { // 클릭 애니메이션 효과 적용 it.animate() .scaleX(1.2f) .scaleY(1.2f) .setDuration(200) .withEndAction { it.animate() .scaleX(1f) .scaleY(1f) .setDuration(200) .start() } .start() } } ``` 3. 마무리 위의 코드에서는 아이템을 클릭할 때마다 살짝 확대(1.2배)되고, 그런 다음 원래 크기로 돌아오는 애니메이션을 적용했습니다. 이와 같이 `HorizontalScrollView`의 각 아이템에 클릭 애니메이션을 간단히 추가할 수 있습니다. 추가적으로, 클릭 이벤트 시 다른 효과를 주고 싶다면 애니메이션의 속성이나 진행 방식(예: 투명도, 회전 등)을 다양하게 조절할 수 있습니다.
이용안내
커뮤니티 이용안내
×
- 게시한 게시글로 발생하는 문제는 게시자에게 책임이 있습니다.
- 게시글이 타인/타업체의 저작권을 침해할 경우 모든 책임은 게시자에게 있습니다. 게시자가 모든 손해를 부담해야 합니다.
- 상식닷컴 운영자는 게시자와 상의하지 않고 게시글을 수정 또는 삭제할 수 있습니다.
- 상식닷컴 운영자는 깨끗한 커뮤니티 공간을 만드는 것이 1순위입니다.
수정하기
취소하기