본문 바로가기

Animation4

[iOS]iOS 애니메이션 터미널에서 프로젝트 폴더로 이동 후에 cocoapods를 설치해주세요. 후에 'pod init'을 입력한 후 폴더의 리스트를 확인해보면 'Podfile'이 추가된 것을 확인 할 수 있습니다. cocoapods를 설치 후에 'sudo vi Podfile' 을 입력해주세요. 여기서 pod 'lottie-ios' 를 추가해주시고 저장후 닫아주세요. 후에 'pod install'을 입력해주세요. xcode를 재실행 시키면 Pods라는 폴더가 생긴것을 확인 할 수 있습니다. https://lottiefiles.com/featured Featured animations from our community Featured collection of Free Lottie Animations created with Body.. 2022. 3. 6.
[Java][Android] 안드로이드 전광판 만들기 오늘은 콘서트나 스포츠 경기장에서 자주 볼 수 있는 응원 전광판을 안드로이드로 만들어보도록 하겠습니다. 저희가 사용할 애니메이션은 트윈 애니메이션(Tween Animation) 입니다. 트윈 애니메이션이란? 위치타 크기, 회전을 지정한 시간내에 수행하는 애니메이션 먼저 애니메이션 XML파일을 저장할 폴더를 만들어줘야 합니다. res -> New -> Directory Directory의 이름은 anim 혹은 animation으로 만들어 주어야 합니다. 방금만든 폴더를 우클릭하고 new - animation resource file 로 애니메이션 xml파일을 생성합니다. translate_alpha.xml Translate의 속성값 입니다. fromXDelta : 애니메이션이 시작되는 X좌표지점 toXDe.. 2021. 6. 22.
[HTML / CSS] 웹 프론트 drawable side menu 만들기 안녕하세요.~ 이번시간에는 웹 프론트에서 CSS를 이용해 드로어블 사이드 메뉴를 만들어 보도록 하겠습니다. 스틱코드 (stickode.com/mainlogin.html) 이번에도 역시 빠르게 만들기 위해 스틱코드 플러그인을 사용해서 만들어보겠습니다. 스틱코드는 자주쓰는 코드를 저장해서 쉽고 빠르게 사용할 수 있고, 다른사람들의 코드도 즐겨찾기를 통해 쉽게 내코드로 등록하여 사용할 수 있어 사용하는 사람이 늘어나고, 좋은 코드가 쌓일수록 강력해지는 플러그인 입니다. 이번시간에는 부트스트랩(bootstrap)도 같이 사용하여 만들어보았습니다. HTML 설정 스틱코드를 통해 HTML 코드를 설정해주도록 하겠습니다. 스틱코드를 사용하면 다음과 같이 코드가 완성됩니다. HTML 전문입니다. 메뉴 입니다. 메뉴1 .. 2021. 6. 15.
[Java][Android]Splash Activity 만들기(+애니메이션) 안녕하세요! 오늘은 스틱코드를 앱 실행 시 나오는 스플래시 액티비티를 만들어보겠습니다. Splash Activity 란? 앱 실행 시 로딩 화면을 구성하기 위해 만드는 액티비티이며, 보통 앱의 아이콘이나 이름을 넣어 구성하거나 필요에 따라 애니메이션 효과를 추가합니다. 먼저 SplashActivity를 만듭니다. activity_splash.xml(좌), activity_main.xml(우) 화면 구분을 위해 각 액티비티의 xml에 텍스트로 구분을 하겠습니다. 다음으로 핸들러를 이용하여 3초 후에 SplashActivity 에서 MainActivity로 이동하도록 코드를 작성합니다. * SplashActivity SplashHandler 클래스를 만들고 그 안에 실행하고자 하는 스레드를 작성 후 onCr.. 2021. 3. 18.