Figmapedia
목록으로 돌아가기
프로토타이핑

호버시 객체가 뜨는 인터랙션 방법

2023. 4. 12.

질문사항

혹시 호버 시 이렇게 위로 살짝 이동하게 하는건 어떻게 하는지 여쭤봐도 될까요?

답변

웃기게 들리실 수도 있지만 말 그대로 위치값을 위로 주시면 됩니다!
컴포넌트 세트로 만들어서 하나는 위로 올려서 (y값을 낮춘다는 의미!) 인터렉션을 기본에서 호버 시 위로 올라간 개체에 걸어주심 돼요!\약간 트릭인데 프레임 사이즈는 같은데 한쪽의 아래 여백이 있어야 떠보일거에요.여기서 각각 버튼에 오토 레이아웃을 한 번 더 씌우시고 기본은 패딩 싹다 0, 호버는 아래만 패딩값 이렇게 넣어보시겠어요?

마진값이 아니라 그냥 오토레이아웃 프레임 하나 더 씌우고 늘려서 이렇게 대응해도 호버 애니메이션 작동하네요! 말로만 설명 어려우면 드린 원본 한번 살펴보세요!

호버예제.fig