다양한 종횡비 화면의 UI 위치를 애니메이션하는 방법은 무엇입니까?

기예

UI 개체의 움직이는 애니메이션을 만드는 방법을 알고 있지만 다른 종횡비 화면을 지원하도록 만드는 방법은 무엇입니까?

예를 들어, 왼쪽 하단 모서리에 UI object_1이 있고 오른쪽 상단 모서리에 object_2가 있으며 둘 다 화면 모서리를 기준으로 위치를 조정했습니다. object_1에서 object_2로 이동하는 UI 이미지를 만들고 싶습니다.

문제는 object_1과 object_2가 다른 해상도에서 다른 위치 (화면 비율에 따라 비율이 다른 경우에도)에 있다는 것입니다. 그러면 다른 해상도를 지원하는 움직이는 애니메이션을 어떻게 만들 수 있습니까?

조언을 해주셔서 감사합니다!

스크린 샷 : 1 18 : 9 화면에서 왼쪽 아래 확인란이있는 이동 시작 지점. 여기에 이미지 설명 입력

2 Moving ending point where the left-lower checkbox is on 18:9 screen. 여기에 이미지 설명 입력

3 Moving starting point, changed to 16:9 screen, and the screenshot shows that the position of the finger image does not match where the checkbox is. 여기에 이미지 설명 입력

4 Moving ending point on 16:9 screen, same problem with the above one. 여기에 이미지 설명 입력

ArtS

OK, problem solved. It turns out the animation supports changing anchors at certain frames. So just turn on recording and adjust whatever you like.

In my project, first frame I set the finger image's anchor to the middle-lower point then record its position; when starts the moving animation, changes its anchor to middle-upper point then set the destination position. If the screen aspect ratio changes, since the animation also uses the right anchor data with the two check boxes, they'll match perfectly.

참고로 이해하는 데 도움이되는 애니메이션 창의 스크린 샷이 있습니다. 여기에 이미지 설명 입력

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

SVG의 종횡비를 얻는 방법은 무엇입니까?

분류에서Dev

AVAssetWriterInput : 영화 내 이미지의 올바른 종횡비를 얻는 방법은 무엇입니까?

분류에서Dev

깨진 LCD 화면에 대한 해결 방법을 사용하는 방법은 무엇입니까? 유효한 종횡비와 같은 것이 있습니까?

분류에서Dev

SwiftUI에서 위치 애니메이션을 비활성화하는 방법은 무엇입니까?

분류에서Dev

CSS에서 이미지의 종횡비를 유지하는 방법은 무엇입니까?

분류에서Dev

Android : 이미지의 종횡비를 계산하는 방법은 무엇입니까?

분류에서Dev

키비 게임의 종횡비를 수정하는 방법은 무엇입니까?

분류에서Dev

gnuplot에서 축의 종횡비를 결정하는 방법은 무엇입니까?

분류에서Dev

Chrome에서 WebRTC VideoStream의 해상도 / 종횡비를 추적하는 방법은 무엇입니까?

분류에서Dev

Ajax 응답에서 다양한 종류의 데이터를 구문 분석하고 UI에 표시하는 방법은 무엇입니까?

분류에서Dev

자바 : JPanel 종횡비를 제어하는 방법은 무엇입니까?

분류에서Dev

전환 또는 애니메이션 시간 동안 호버 효과를 비활성화 한 다음 전환 또는 애니메이션이 CSS에서 완료된 후 활성화하는 방법은 무엇입니까?

분류에서Dev

CSS에서 종횡비를 유지하면서 div 내에서 이미지 크기를 최대화하는 방법은 무엇입니까?

분류에서Dev

종횡비를 유지하고 이미지를 중앙에 배치하는 QPixmap의 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

iOS7 SpriteKit에서 다양한 크기의 이미지를 애니메이션하는 방법은 무엇입니까?

분류에서Dev

xaml에서 요소의 너비를 여러 번 애니메이션하는 방법은 무엇입니까?

분류에서Dev

종횡비가있는 Div-이미지를 중앙에 배치하는 방법은 무엇입니까?

분류에서Dev

종횡비의 필요성은 무엇입니까?

분류에서Dev

다운로드 한 Maven 종속성의 위치를 변경하는 방법은 무엇입니까?

분류에서Dev

Latex에서 종횡비를 유지하면서 그림의 텍스트 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

파이 게임에서 종횡비를 유지하면서 이미지 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

장치를 변경할 때 종횡비를 유지하는 방법은 무엇입니까?

분류에서Dev

다양한 화면 크기를 지원하는 하위 폴더를 만드는 방법은 무엇입니까?

분류에서Dev

Flex에서 테이블 크기를 조정하면서 종횡비를 유지하는 방법은 무엇입니까?

분류에서Dev

UIView의 다른 위치에있는 여러 이미지에 이미지 애니메이션을 제공하는 방법은 무엇입니까?

분류에서Dev

VLC 비디오에서 볼륨 (종횡비 등) 변경 표시를 활성화하는 방법은 무엇입니까?

분류에서Dev

Fabric JS : 삼각형의 상단과 왼쪽 위치를 동시에 애니메이션하는 방법은 무엇입니까? + 애니메이션 버그

분류에서Dev

메시징 / 이메일 애플리케이션을위한 데이터베이스를 설정하는 최적의 방법은 무엇입니까?

분류에서Dev

애니메이션이 끝난 후 동위 원소를 완전히 제거 / 비활성화하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    SVG의 종횡비를 얻는 방법은 무엇입니까?

  2. 2

    AVAssetWriterInput : 영화 내 이미지의 올바른 종횡비를 얻는 방법은 무엇입니까?

  3. 3

    깨진 LCD 화면에 대한 해결 방법을 사용하는 방법은 무엇입니까? 유효한 종횡비와 같은 것이 있습니까?

  4. 4

    SwiftUI에서 위치 애니메이션을 비활성화하는 방법은 무엇입니까?

  5. 5

    CSS에서 이미지의 종횡비를 유지하는 방법은 무엇입니까?

  6. 6

    Android : 이미지의 종횡비를 계산하는 방법은 무엇입니까?

  7. 7

    키비 게임의 종횡비를 수정하는 방법은 무엇입니까?

  8. 8

    gnuplot에서 축의 종횡비를 결정하는 방법은 무엇입니까?

  9. 9

    Chrome에서 WebRTC VideoStream의 해상도 / 종횡비를 추적하는 방법은 무엇입니까?

  10. 10

    Ajax 응답에서 다양한 종류의 데이터를 구문 분석하고 UI에 표시하는 방법은 무엇입니까?

  11. 11

    자바 : JPanel 종횡비를 제어하는 방법은 무엇입니까?

  12. 12

    전환 또는 애니메이션 시간 동안 호버 효과를 비활성화 한 다음 전환 또는 애니메이션이 CSS에서 완료된 후 활성화하는 방법은 무엇입니까?

  13. 13

    CSS에서 종횡비를 유지하면서 div 내에서 이미지 크기를 최대화하는 방법은 무엇입니까?

  14. 14

    종횡비를 유지하고 이미지를 중앙에 배치하는 QPixmap의 크기를 조정하는 방법은 무엇입니까?

  15. 15

    iOS7 SpriteKit에서 다양한 크기의 이미지를 애니메이션하는 방법은 무엇입니까?

  16. 16

    xaml에서 요소의 너비를 여러 번 애니메이션하는 방법은 무엇입니까?

  17. 17

    종횡비가있는 Div-이미지를 중앙에 배치하는 방법은 무엇입니까?

  18. 18

    종횡비의 필요성은 무엇입니까?

  19. 19

    다운로드 한 Maven 종속성의 위치를 변경하는 방법은 무엇입니까?

  20. 20

    Latex에서 종횡비를 유지하면서 그림의 텍스트 크기를 조정하는 방법은 무엇입니까?

  21. 21

    파이 게임에서 종횡비를 유지하면서 이미지 크기를 조정하는 방법은 무엇입니까?

  22. 22

    장치를 변경할 때 종횡비를 유지하는 방법은 무엇입니까?

  23. 23

    다양한 화면 크기를 지원하는 하위 폴더를 만드는 방법은 무엇입니까?

  24. 24

    Flex에서 테이블 크기를 조정하면서 종횡비를 유지하는 방법은 무엇입니까?

  25. 25

    UIView의 다른 위치에있는 여러 이미지에 이미지 애니메이션을 제공하는 방법은 무엇입니까?

  26. 26

    VLC 비디오에서 볼륨 (종횡비 등) 변경 표시를 활성화하는 방법은 무엇입니까?

  27. 27

    Fabric JS : 삼각형의 상단과 왼쪽 위치를 동시에 애니메이션하는 방법은 무엇입니까? + 애니메이션 버그

  28. 28

    메시징 / 이메일 애플리케이션을위한 데이터베이스를 설정하는 최적의 방법은 무엇입니까?

  29. 29

    애니메이션이 끝난 후 동위 원소를 완전히 제거 / 비활성화하는 방법은 무엇입니까?

뜨겁다태그

보관