{"id":45723,"date":"2021-11-20T02:12:57","date_gmt":"2021-11-19T17:12:57","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=45723"},"modified":"2021-11-20T02:13:00","modified_gmt":"2021-11-19T17:13:00","slug":"jetpack-compose-animation-%ea%b0%84%eb%8b%a8%ed%95%9c-%ea%b0%92-%eb%b3%80%ea%b2%bd-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=45723","title":{"rendered":"Jetpack Compose Animation &#8211; \uac04\ub2e8\ud55c \uac12 \ubcc0\uacbd \uc560\ub2c8\uba54\uc774\uc158"},"content":{"rendered":"\n<p>\ucef4\ud3ec\uc988\uc5d0\uc11c \uac00\uc7a5 \uac04\ub2e8\ud55c Animation API\ubd80\ud130 \uc2dc\uc791\ud558\uc790.<\/p>\n\n\n\n<p>&#8216;<strong>start<\/strong>&#8216; configuration\uc744 \uc2e4\ud589\ud558\uace0 \uc0c1\ub2e8\uc5d0\uc11c &#8220;Home&#8221; \ubc0f &#8220;Work&#8221; \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \ud0ed\uc744 \uc804\ud658\ud574 \ubcf4\uc790. \uc2e4\uc81c\ub85c \ud0ed \ub0b4\uc6a9\uc744 \uc804\ud658\ud558\uc9c0\ub294 \uc54a\uc9c0\ub9cc \ucee8\ud150\uce20 \ubc30\uacbd\uc0c9\uc774 \ubcc0\uacbd\ub418\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"341\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-jetpack-compose-animation-337937fe2e3919a9-1024x341.png\" alt=\"\" class=\"wp-image-45724\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-jetpack-compose-animation-337937fe2e3919a9-1024x341.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-jetpack-compose-animation-337937fe2e3919a9-300x100.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-jetpack-compose-animation-337937fe2e3919a9-768x256.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-jetpack-compose-animation-337937fe2e3919a9.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>TODO tool window<\/strong>\uc5d0\uc11c <strong>TODO 1<\/strong>\uc744 \ud074\ub9ad\ud558\uace0 \uc774\uac83\uc774 \uc5b4\ub5bb\uac8c \uad6c\ud604\ub418\ub294\uc9c0 \ud655\uc778\ud558\uc790. <em>Home<\/em> \ucef4\ud3ec\uc800\ube14 \uc548\uc5d0 \uc788\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>val backgroundColor = if (tabPage == TabPage.Home) Purple100 else Green300<\/code><\/pre>\n\n\n\n<p>\uc5ec\uae30\uc11c tabPage\ub294 State \uac1d\uccb4\uc5d0 \uc758\ud574 \uc9c0\uc6d0\ub418\ub294 Int\ub2e4. \uac12\uc5d0 \ub530\ub77c \ubc30\uacbd\uc0c9\uc774 \ubcf4\ub77c\uc0c9\uacfc \ub179\uc0c9 \uc0ac\uc774\uc5d0\uc11c \uc804\ud658\ub41c\ub2e4. \uc774 \uac12 \ubcc0\uacbd\uc744 \uc560\ub2c8\uba54\uc774\uc158\uc73c\ub85c \ub9cc\ub4e4\uace0 \uc2f6\ub2e4.<\/p>\n\n\n\n<p>\uc774\uc640 \uac19\uc774 \uac04\ub2e8\ud55c \uac12 \ubcc0\uacbd\uc744 \uc560\ub2c8\uba54\uc774\uc158\ud654\ud558\uae30 \uc704\ud574, \uc6b0\ub9ac\ub294 animate*AsState API\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4. \uc774 \uacbd\uc6b0\uc5d0\ub294 animate*AsState \ucef4\ud3ec\uc800\ube14\uc758 \ud574\ub2f9 \ubcc0\ud615\uc778 animateColorAsState\ub85c \ubcc0\uacbd\ud558\ub294 \uac12\uc744 \uac04\ub2e8\ud788 \ub798\ud551\ud558\uc5ec \uc560\ub2c8\uba54\uc774\uc158 \uac12\uc744 \uc0dd\uc131\ud560 \uc218 \uc788\ub2e4. \ubc18\ud658\ub41c \uac12\uc740 State&lt;T> \uac1d\uccb4\uc774\ubbc0\ub85c by \uc120\uc5b8\uacfc \ud568\uaed8 <a href=\"https:\/\/kotlinlang.org\/docs\/reference\/delegated-properties.html#local-delegated-properties\">local delegated property<\/a>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc77c\ubc18 \ubcc0\uc218\ucc98\ub7fc \ucc98\ub9ac\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>val backgroundColor by animateColorAsState(if (tabPage == TabPage.Home) Purple100 else Green300)\n<\/code><\/pre>\n\n\n\n<p>\uc571\uc744 \ub2e4\uc2dc \uc2e4\ud589\ud558\uace0 \ud0ed\uc744 \uc804\ud658\ud574\ubcf4\uc790. \uc774\uc81c \uc0c9\uc0c1 \ubcc0\uacbd\uc774 \uc560\ub2c8\uba54\uc774\uc158\ud654\ub41c\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1080\" height=\"1230\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-jetpack-compose-animation-6946feb47acc2cc6.gif\" alt=\"\" class=\"wp-image-45725\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\ucef4\ud3ec\uc988\uc5d0\uc11c \uac00\uc7a5 \uac04\ub2e8\ud55c Animation API\ubd80\ud130 \uc2dc\uc791\ud558\uc790. &#8216;start&#8216; configuration\uc744 \uc2e4\ud589\ud558\uace0 \uc0c1\ub2e8\uc5d0\uc11c &#8220;Home&#8221; \ubc0f &#8220;Work&#8221; \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \ud0ed\uc744 \uc804\ud658\ud574 \ubcf4\uc790. \uc2e4\uc81c\ub85c \ud0ed \ub0b4\uc6a9\uc744 \uc804\ud658\ud558\uc9c0\ub294 \uc54a\uc9c0\ub9cc \ucee8\ud150\uce20 \ubc30\uacbd\uc0c9\uc774 \ubcc0\uacbd\ub418\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\ub2e4. TODO tool window\uc5d0\uc11c TODO 1\uc744 \ud074\ub9ad\ud558\uace0 \uc774\uac83\uc774 \uc5b4\ub5bb\uac8c \uad6c\ud604\ub418\ub294\uc9c0 \ud655\uc778\ud558\uc790. Home \ucef4\ud3ec\uc800\ube14 \uc548\uc5d0 \uc788\ub2e4. \uc5ec\uae30\uc11c tabPage\ub294 State \uac1d\uccb4\uc5d0 \uc758\ud574 \uc9c0\uc6d0\ub418\ub294 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[38],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45723"}],"collection":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45723"}],"version-history":[{"count":1,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45723\/revisions"}],"predecessor-version":[{"id":45726,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45723\/revisions\/45726"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=45723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=45723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}