목록애니메이션 (8)

투케이2K

467. (Android/Java) getVisibility 사용해 visible 상태 확인 및 animate 메소드 사용해 표시 상태 애니메이션 부여 실시

[개발 환경 설정] ​ 개발 툴 : AndroidStudio ​ [소스 코드] // [getVisibility 사용해 visible 상태 확인] int isHidden = movieLayout.getVisibility(); if (isHidden == View.GONE){ } else { } // [animate 메소드 사용해 표시 상태 애니메이션 부여] // [서서히 표시됨 : alpha : 0 ~ 1] shadowImage.setAlpha(0f); shadowImage.setVisibility(View.VISIBLE); shadowImage.animate() .alpha(1f) .setDuration(1500) .setListener(new AnimatorListenerAdapter() { @Over..
Android 2023. 1. 26. 21:10
197. (ios/swift) CAKeyframeAnimation 사용해 컴포넌트 애니메이션 (animation) 지정 실시

[개발 환경 설정] ​ 개발 툴 : XCODE 개발 언어 : SWIFT [소스 코드] ​ // MARK: - [테스트 함수 정의] func testMain() { print("") print("===============================") print("[ViewController >> testMain() :: 테스트 함수 수행]") print("===============================") print("") /* // ----------------------------------- [요약 설명] // ----------------------------------- 1. CAKeyframeAnimation : 레이어 개체에 대한 키프레임 애니메이션 기능을 제공하는 개체입니다 /..
IOS 2022. 9. 16. 08:21
45. 이미지 파일 (JPEG, PNG) 사용해 GIF 애니메이션 이미지 만드는 방법

/* =========================== */ [ 설 명 ] ​ 1. 이미지 파일 (JPEG, PNG) 사용해 GIF 애니메이션 이미지를 만드는 방법입니다 /* =========================== */ ​ /* =========================== */ [방법 설명] ​ 1. GIF 로 만들고자 하는 이미지를 각 동작별로 만들어 줍니다 ​ ​ ​2. 무료 GIF 생성 사이트 접속합니다 https://ezgif.com/maker Online Animated GIF maker Online GIF maker where you can create animated GIFs, banners, slideshows from sequence of images. Upload fra..
IT정보 & IT소식 2021. 7. 12. 17:27
24. (jquery/제이쿼리) animate 애니메이션 사용 방법 정의 및 속성 종류 설명

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ [적용 (전)] ​ ​ [적용 (후)] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다 2...
Jquery 2021. 7. 9. 18:19
39. (html/css/javascript/jquery) keyframes 사용해 css 속성 조작해 애니메이션 (animation) 동작 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] one two three four /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 ..
FrontEnd 2021. 6. 28. 08:56
17. (jquery/제이쿼리) Jquery 사용해 animate 애니메이션 동작 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] ONE TWO /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. hei..
Jquery 2021. 6. 27. 14:12
12. (jquery/제이쿼리) Jquery 특정 객체 다중 이펙트 효과 부여 및 연속 동작 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹브라우저 로딩 완료 상태를 정의합니다 (로딩 완료 후 상시 대기) 2. $(객체).cs..
Jquery 2021. 6. 18. 08:31
23. (AndroidStudio/android/java) Animation 객체 사용해서 좌우 이동, 중앙 회전(로딩바) 애니메이션 구현

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [좌우 이동 소스 코드] // ======== [전역 변수 선언] ======== Animation anim; ImageView anim_imageview; // ======== [컴포넌트 매칭] ======== anim_imageview = (ImageView) findViewById(R.id.anim_imageview); // ======== [왼쪽에서 오른쪽으로 이동 애니메이션] ======== public void getAnim..
Android 2021. 1. 27. 16:04
Prev 1 Next