(→가속효과) |
(→가속효과) |
||
7번째 줄: | 7번째 줄: | ||
대표적으로는 [[reference:animation|애니메이션 매크로]] 에서 사용 됩니다. | 대표적으로는 [[reference:animation|애니메이션 매크로]] 에서 사용 됩니다. | ||
− | * | + | * <code>""</code> : 선형보간을 의미합니다. |
− | * | + | * <code>"사인인"</code> : 점점 가속하며 보간합니다. |
− | * | + | * <code>"사인아웃"</code> : 점점 감속하며 보간합니다. |
− | * | + | * <code>"사인인아웃"</code> : 가속하였다가 감속하며 보간합니다. |
− | * | + | * <code>"바운스인"</code> : 점점 크게 튀며 보간합니다. |
− | * | + | * <code>"바운스아웃"</code> : 점점 적게 튀며 보간합니다. |
− | * | + | * <code>"바운스인아웃"</code> : 크게 튀기다기 적게 튀며 보간합니다. |
− | * | + | * <code>"백인"</code> : 초기값이 반대로 살짝 진행했다가 최종값으로 향합니다. |
− | * | + | * <code>"백아웃"</code> : 최종값을 살짝 초과하였다가 최종값에 도달합니다. |
− | * | + | * <code>"백인아웃"</code> : 초기값이 반대로 살짝 진행했다가 최종값으로 향하며 최종값을 살짝 초과하였다가 최종값에 도달합니다. |
− | * | + | * <code>"엘라스틱인"</code> : 점점 탄력이 커지며 보간합니다. |
− | * | + | * <code>"엘라스틱아웃"</code> : 점점 탄력이 줄어들며 보간합니다. |
+ | * <code>"엘라스틱인아웃"</code> : 보간 중간 지점에 가장 탄력이 크게 보간합니다. | ||
<blockquote>'''참고''' | <blockquote>'''참고''' |
2015년 2월 13일 (금) 14:01 기준 최신판
가속효과
값을 보간하는 방식을 의미합니다.
이는 A라는 값에서 B라는 값까지 도달하는데 있어 어떤 형태로 보간할지 아래와 같은 옵션으로 정할 수 있습니다.
대표적으로는 애니메이션 매크로 에서 사용 됩니다.
""
: 선형보간을 의미합니다."사인인"
: 점점 가속하며 보간합니다."사인아웃"
: 점점 감속하며 보간합니다."사인인아웃"
: 가속하였다가 감속하며 보간합니다."바운스인"
: 점점 크게 튀며 보간합니다."바운스아웃"
: 점점 적게 튀며 보간합니다."바운스인아웃"
: 크게 튀기다기 적게 튀며 보간합니다."백인"
: 초기값이 반대로 살짝 진행했다가 최종값으로 향합니다."백아웃"
: 최종값을 살짝 초과하였다가 최종값에 도달합니다."백인아웃"
: 초기값이 반대로 살짝 진행했다가 최종값으로 향하며 최종값을 살짝 초과하였다가 최종값에 도달합니다."엘라스틱인"
: 점점 탄력이 커지며 보간합니다."엘라스틱아웃"
: 점점 탄력이 줄어들며 보간합니다."엘라스틱인아웃"
: 보간 중간 지점에 가장 탄력이 크게 보간합니다.
참고
아래 그래프를 참고하세요.
(출처 - How to create custom easing function with Core Animation? )