{"id":1148,"date":"2021-08-07T02:25:38","date_gmt":"2021-08-06T17:25:38","guid":{"rendered":"http:\/\/batmask.dothome.co.kr\/?p=1148"},"modified":"2025-09-12T17:26:58","modified_gmt":"2025-09-12T08:26:58","slug":"android-app-bar-%ec%97%90-%eb%8c%80%ed%95%b4-feat-actionbar-toolbar","status":"publish","type":"post","link":"http:\/\/batmask.net\/index.php\/2021\/08\/07\/1148\/","title":{"rendered":"Android: App bar \uc5d0 \ub300\ud574 (feat. ActionBar, Toolbar)"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">App bar<\/h3>\n\n\n\n<p>\uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c App bar\ub77c\uace0 \ud558\ub294\uac83\uc740 <a href=\"https:\/\/material.io\/components\/app-bars-top\">Material Design\uc5d0\uc11c \uc815\uc758<\/a>\ud558\ub294 \uc0c1\ub2e8\uc758 \ubc14\ub97c \ub9d0\ud55c\ub2e4. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"345\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2021\/08\/appbar01-1024x345.png\" alt=\"\" class=\"wp-image-1150\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar01-1024x345.png 1024w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar01-300x101.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar01-768x258.png 768w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar01.png 1064w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\uc0c1\ub2e8 app bar<\/figcaption><\/figure>\n<\/div>\n\n\n<p><a href=\"https:\/\/material.io\/components\/app-bars-bottom\">Material Design\uc5d0\uc11c\ub294 \ud558\ub2e8 App bar\ub3c4 \ub098\uc624\uc9c0\ub9cc<\/a>, \uadf8\ub9ac \uc775\uc219\ud55c \ud615\ud0dc\ub294 \uc544\ub2c8\ub2e4.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"383\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2021\/08\/appbar_bottom-1024x383.png\" alt=\"\" class=\"wp-image-1151\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar_bottom-1024x383.png 1024w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar_bottom-300x112.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar_bottom-768x287.png 768w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar_bottom.png 1064w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\ud558\ub2e8 app bar<\/figcaption><\/figure>\n<\/div>\n\n\n<p>\uc5ec\uae30\uc11c\ub294 \uc774\uc804\ubd80\ud130 \uc775\uc219\ud55c \uc0c1\ub2e8 \ubc14\uc5d0 \ub300\ud574\uc11c\ub9cc \ub2e4\ub8f0 \uac83\uc774\ub2e4. App bar\uc758 \uac01 \uba85\uce6d\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"345\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2021\/08\/appbar02-1024x345.png\" alt=\"\" class=\"wp-image-1152\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar02-1024x345.png 1024w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar02-300x101.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar02-768x258.png 768w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/08\/appbar02.png 1064w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>1. Container<br>2. Navigation icon (optional)<br>3. Title (optional)<br>4. Action items (optional)<br>5. Overflow menu (optional)<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>App bar\ub77c\uace0 \ud558\ub294 \uac83\uc740 \uc55e\uc5d0\uc11c \ub9d0\ud55c\ub300\ub85c Material Design\uc758 \ub514\uc790\uc778 \uba85\uce6d\uc774\uace0, \uc2e4\uc81c \uad6c\ud604\ub418\ub294\uac74 ActionBar \ub610\ub294 Toolbar \uc774\ub2e4. \uc774\uac8c \uc880 \ud63c\ub780\uc2a4\ub7ec\uc6b4 \ubd80\ubd84\uc774 \ub9ce\uc740\ub370, \ud788\uc2a4\ud1a0\ub9ac\ub97c \uc880 \uc54c\uc544\uc57c \ud55c\ub2e4. <a href=\"https:\/\/developer.android.com\/reference\/android\/app\/ActionBar\">ActionBar API reference<\/a>\ub97c \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">ActionBar and Toolbar<\/h3>\n\n\n\n<p>ActionBar\ub294 Android 3.0 (API level 11)\uc774 \ub098\uc624\uba74\uc11c Activity\uc5d0 \ubd99\uc740 \ud615\ud0dc\ub85c \ub4f1\uc7a5\ud588\ub2e4. \uc774\ud6c4\ub85c \ucb48\uc6b1 ActionBar\uac00 \uc0ac\uc6a9\ub418\ub2e4\uac00 Android L (API level 21)\ubd80\ud130 Toolbar widget\uc744 \uc0ac\uc6a9\ud558\uc5ec ActionBar\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uac8c \ub410\ub2e4. ActionBar\ub294 Activity\uc5d0 \uc885\uc18d\uc801\uc778 \ubb38\uc81c\uc640 \ud568\uaed8, \uc548\ub4dc\ub85c\uc774\ub4dc \ubc84\uc804\uc5d0 \ub530\ub77c \ub2e4\ub974\uac8c \ub3d9\uc791\ud560 \uc5ec\uc9c0\uac00 \uc788\uc5c8\ub2e4. Toolbar\ub294 Activity \uc885\uc18d\uc131\ub3c4 \uc5c6\uc9c0\ub9cc, support library\ub97c \ud1b5\ud574 \uc9c0\uc6d0\uc774 \uc2dc\uc791\ub418\uc5b4 \ud638\ud658\uc131 \ubb38\uc81c\ub3c4 \uc5c6\uc5c8\ub2e4. \uadf8\ub7fc \uadf8\ub0e5 Toolbar\ub97c \uc4f0\uba74\ub420\uac70 \uac19\uc740\ub370, \uc65c ActionBar\ud615\ud0dc\ub85c \uc0ac\uc6a9\ud558\ub3c4\ub85d \uc9c0\uc6d0\ud558\ub294\uac78\uae4c? ActionBar \ud615\ud0dc\uc758 \ud14c\ub9c8\ub294 \uc5ec\uc804\ud788 \uc0ac\uc6a9\ub418\uace0 Backward compatibility\ub3c4 \uc9c0\uc6d0\ud574\uc57c \ud558\ubbc0\ub85c Toolbar\ub97c \uc0dd\uc131\ud574\uc11c \uc0ac\uc6a9\ud558\ub418, \uc774\uac78 ActionBar\uc5d0 \ud638\ud658\ub418\ub3c4\ub85d \ub9cc\ub4e0 \uac83\uc73c\ub85c \ubcf4\uc778\ub2e4.<\/p>\n\n\n\n<p><strong>\uacb0\ub860\uc740 ActionBar\ub294 \uacfc\uac70\uc758 \uc720\ubb3c\uc774\uace0 Toolbar\ub85c \ub300\uccb4 \ub418\ub294\uac8c \ub9de\uaca0\uc9c0\ub9cc, App bar\ub85c\uc11c ActionBar\ub3c4 \uc5ec\uc804\ud788 \uc720\ud6a8\ud55c \ud615\ud0dc\uc774\uace0 \uc608\uc804\ubc84\uc804 \ud638\ud658\uc131\uc744 \uc720\uc9c0\ud574\uc57c \ud558\uae30 \ub54c\ubb38\uc5d0 1) ActionBar\ud615\ud0dc\ub97c \uc0ac\uc6a9\ud558\ub418, \uad6c\ud604\uc740 Toolbar\ub85c \ud558\ub294 \ubc29\ubc95\uacfc 2) ActionBar\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub3c4\ub85d \uc124\uc815\ud558\uace0 Toolbar\ub9cc\uc744 \uc0ac\uc6a9\ud558\ub294 \ub450\uac00\uc9c0 \uc804\ubd80 \uc720\ud6a8\ud55c \uc0c1\ud669\uc774\ub2e4.<\/strong><\/p>\n\n\n\n<p>\ucc38\uace0\ub85c ActionBar\uc758 \uc0ac\uc6a9\uc720\ubb34\ub294 \ud14c\ub9c8\uc5d0\uc11c \uacb0\uc815\ub41c\ub2e4. \uc608\ub97c\ub4e4\uc5b4 \ub2e4\uc74c\uacfc \uac19\uc774 NoActionBar \ud14c\ub9c8\ub97c \uc0ac\uc6a9\ud558\uba74 ActionBar\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;resources>\n  &lt;!-- Base application theme. -->\n  &lt;style name=\"AppTheme\" parent=\"Theme.AppCompat.Light.NoActionBar\">\n  &lt;\/style>\n&lt;\/resources><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">resources<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #768390\">&lt;!-- Base application theme. --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  &lt;<\/span><span style=\"color: #8DDB8C\">style<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">name<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;AppTheme&quot;<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">parent<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;Theme.AppCompat.Light.NoActionBar&quot;<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  &lt;\/<\/span><span style=\"color: #8DDB8C\">style<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;\/<\/span><span style=\"color: #8DDB8C\">resources<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Toolbar\ub97c \uc774\uc6a9\ud55c ActionBar \ud615\ud0dc\uc758 App bar \uad6c\ud604 <\/h3>\n\n\n\n<p>\uae30\ubcf8 \ud14c\ub9c8\ub97c \uc0ac\uc6a9\ud558\uba74, Toolbar\ub97c \uc0dd\uc131\ud558\uace0 \uc774\ub97c ActionBar\ud615\ud0dc\ub85c \uc0ac\uc6a9\ud558\ub3c4\ub85d \ub418\uc5b4 \uc788\ub2e4. \ucd5c\uc2e0 \uc548\ub4dc\ub85c\uc774\ub4dc \uc2a4\ud29c\ub514\uc624\uc5d0\uc11c \uc0c8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uba74 \uc0ac\uc6a9\ub418\ub294 \ubc29\ubc95\uc774\ub2e4. \uac00\uc7a5 \ubcf4\ud3b8\uc801\uc774\ubbc0\ub85c \uc0c8 \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4e4\uc5b4 \uc0b4\ud3b4\ubcf4\uc790. <\/p>\n\n\n\n<p>\uc81c\uc77c \uba3c\uc800, Toolbar\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \ud544\uc694\ud558\ub2e4. <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>dependencies {\n    ...\n    implementation 'androidx.appcompat:appcompat:1.3.1'\n    ...\n}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #DCBDFB\">dependencies<\/span><span style=\"color: #ADBAC7\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #F47067\">..<\/span><span style=\"color: #ADBAC7\">.<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    implementation <\/span><span style=\"color: #96D0FF\">&#39;androidx.appcompat:appcompat:1.3.1&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #F47067\">..<\/span><span style=\"color: #ADBAC7\">.<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uae30\ubcf8\uc801\uc73c\ub85c Activity\uac00 AppCompatActivity\ub97c \uc0c1\uc18d\ubc1b\uc73c\ubbc0\ub85c, \ubcc4\ub3c4\ub85c \ucd94\uac00\ud558\uc9c0 \uc54a\uc544\ub3c4 \uc774\ubbf8 \ud3ec\ud568\ub418\uc5b4 \uc788\uc744 \uac83\uc774\ub2e4. \uc774\uc81c Activity\uc758 \ud14c\ub9c8\ubd80\ubd84\uc744 \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n\n\n\n<p>AndroidManifest.xml \uc5d0 Activity\ub97c \uc0b4\ud3b4\ubcf4\uba74, \ub2e4\uc74c\uacfc \uac19\uc774 NoActionBar \ud14c\ub9c8\uac00 \uc0ac\uc6a9\ub41c\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;activity\n    ...\n    android:theme=\"@style\/Theme.JustDonit.NoActionBar\">\n\n    ...\n&lt;\/activity><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">activity<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    ...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">android:theme<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;@style\/Theme.JustDonit.NoActionBar&quot;<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    ...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;\/<\/span><span style=\"color: #8DDB8C\">activity<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>NoActionBar \ud14c\ub9c8\ub97c \ucc3e\uc544\ub4e4\uc5b4\uac00\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \ub418\uc5b4 \uc788\uc74c\uc744 \ubcfc \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;style name=\"Theme.JustDonit.NoActionBar\">\n    &lt;item name=\"windowActionBar\">false&lt;\/item>\n    &lt;item name=\"windowNoTitle\">true&lt;\/item>\n&lt;\/style>\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">style<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">name<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;Theme.JustDonit.NoActionBar&quot;<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    &lt;<\/span><span style=\"color: #8DDB8C\">item<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">name<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;windowActionBar&quot;<\/span><span style=\"color: #ADBAC7\">&gt;false&lt;\/<\/span><span style=\"color: #8DDB8C\">item<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    &lt;<\/span><span style=\"color: #8DDB8C\">item<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">name<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;windowNoTitle&quot;<\/span><span style=\"color: #ADBAC7\">&gt;true&lt;\/<\/span><span style=\"color: #8DDB8C\">item<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;\/<\/span><span style=\"color: #8DDB8C\">style<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p>windowsActionBar\ub97c false\ub85c \uc124\uc815\ud568\uc73c\ub85c\uc11c, ActionBar\ub97c disable \uc2dc\ud0a4\uace0 \uc788\ub294\uac8c \ubcf4\uc778\ub2e4.<\/p>\n\n\n\n<p>\uc544\ub2c8, ActionBar\ub97c \uc5c6\uc560\ubc84\ub9ac\uba74\uc11c \uc5b4\ub5bb\uac8c ActionBar \ud615\ud0dc\ub97c \uc0ac\uc6a9\ud55c\ub2e4\ub294 \uc598\uae34\uac00? \uadf8\uac83\uc740 Toolbar\uac00 \uc54c\uc544\uc11c \ud574\uc900\ub2e4. activity_main.xml \ub808\uc774\uc544\uc6c3 \ud30c\uc77c\uc744 \uc0b4\ud3b4\ubcf4\uc790. Toolbar widget\uc774 \ud3ec\ud568\ub41c\uac78 \ud655\uc778 \ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>...\n&lt;androidx.appcompat.widget.Toolbar\n            android:id=\"@+id\/toolbar\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"?attr\/actionBarSize\"\n            android:background=\"?attr\/colorPrimary\"\n            app:popupTheme=\"@style\/Theme.JustDonit.PopupOverlay\" \/>\n...<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ADBAC7\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">androidx.appcompat.widget.Toolbar<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">android:id<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;@+id\/toolbar&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">android:layout_width<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;match_parent&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">android:layout_height<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;?attr\/actionBarSize&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">android:background<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;?attr\/colorPrimary&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">app:popupTheme<\/span><span style=\"color: #ADBAC7\">=<\/span><span style=\"color: #96D0FF\">&quot;@style\/Theme.JustDonit.PopupOverlay&quot;<\/span><span style=\"color: #ADBAC7\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">...<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>layout_width\ub294 Actiivty\uc758 \ud3ed, layout_height\ub294 ActionBar \ud06c\uae30\ub97c \uc774\uc6a9\ud558\ub294\uac8c \ubcf4\uc778\ub2e4. \uc544, ActionBar\uc758 \uc704\uce58\uc5d0 Toolbar\uac00 \uc704\uce58\ud558\ub294 \uac70\uad6c\ub098. \ud558\uc9c0\ub9cc, \uc774\ub300\ub85c\ub294 \uadf8\ub0e5 Toolbar\uc77c \ubfd0\uc774\ub2e4. ActionBar\ucc98\ub7fc \ub3d9\uc791\ud558\ub824\uba74 \ub9c8\uc9c0\ub9c9 \ub2e8\uacc4\uac00 \ub0a8\uc558\ub2e4. MainActivity \ud074\ub798\uc2a4\ub97c \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>override fun onCreate(savedInstanceState: Bundle?) {\n...\n    setSupportActionBar(binding.toolbar)\n...<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F47067\">override<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">fun<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #DCBDFB\">onCreate<\/span><span style=\"color: #ADBAC7\">(savedInstanceState: <\/span><span style=\"color: #F69D50\">Bundle<\/span><span style=\"color: #ADBAC7\">?) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">..<\/span><span style=\"color: #ADBAC7\">.<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #DCBDFB\">setSupportActionBar<\/span><span style=\"color: #ADBAC7\">(binding.toolbar)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">..<\/span><span style=\"color: #ADBAC7\">.<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>setSupportActionBar() \ud568\uc218\uac00 \ubcf4\uc77c \uac83\uc774\ub2e4. \uc778\uc790\ub85c \ud234\ubc14\ub97c \ub118\uaca8\uc8fc\uba74, \uc774\uac83\uc744 ActionBar\ub85c \ub9cc\ub4e4\uc5b4\uc900\ub2e4. \ub05d! \uc774\uc81c \uae30\uc874 ActionBar\uc640 \ub3d9\uc77c\ud55c \ud615\ud0dc\uc758 App bar\ub97c \ubcfc \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong><span class=\"has-inline-color has-vivid-red-color\">\uc8fc\uc758\uc0ac\ud56d : setSupportActionBar()\ub85c \uc9c0\uc815\ud55c\uacbd\uc6b0, ActionBar\ub97c \uac00\uc838\uc624\uace0 \uc2f6\uc744 \ub54c, getActionBar()\ub294 \ud56d\uc0c1 null\uc744 \ub9ac\ud134\ud560 \uac83\uc774\ub2e4. \ub300\uc2e0\uc5d0 getSupportActionBar()\ub97c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4.<\/span><\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>App Bar\uc758 \uc0ac\uc6a9\uacfc Toolbar\uc758 \uc0ac\uc6a9\uc5d0 \ub300\ud574\uc11c\ub3c4 \uc815\ub9ac\ub97c \ud574\uc57c\ud558\ub294\ub370, \uacf5\uc2dd\ubb38\uc11c\uac00 \uc798\ub418\uc5b4 \uc788\uc73c\ub2c8 \ub9c1\ud06c\ub9cc \ub0a8\uae30\uaca0\ub2e4. \uc704\uc5d0 \uc11c\uc220\ud55c \ub0b4\uc6a9\ub3c4 \ubcf4\ub2c8\uae4c \uacf5\uc2dd\ubb38\uc11c\uc5d0 \ub2e4 \uc788\uc74c. \uccc7. \uadf8\ub098\uc800\ub098, \uc6cc\ub4dc\ud504\ub808\uc2a4 5.8 \uc5c5\ub370\uc774\ud2b8\ud558\uace0 \uc5d0\ub514\ud130 \uc664\ucf00 \ub290\ub824\ud130\uc84c\uc9c0?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\uae30\ubcf8\uc801\uc778 App bar \uc758 \ucd94\uac00\uc640 \uc0ac\uc6a9\ubc29\ubc95 : <a href=\"https:\/\/developer.android.com\/training\/appbar\">https:\/\/developer.android.com\/training\/appbar<\/a><\/li>\n\n\n\n<li>Fragment\uc5d0\uc11c Appbar\uc640 \uc791\uc5c5\ud558\uae30 : <a href=\"https:\/\/developer.android.com\/guide\/fragments\/appbar\">https:\/\/developer.android.com\/guide\/fragments\/appbar<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud2b9\uc815 Fragment \uc5d0\uc11c App bar \uc5c6\uc560\uae30<\/h3>\n\n\n\n<p> \uc0c8\ub85c \ud3ec\uc2a4\ud305\uc744 \ud560\uae4c \ud558\ub2e4\uac00 \uc6d0\ub798 \uae30\uc874\ud3ec\uc2a4\ud305\uc5d0 \ud3ec\ud568\ub420 \uc608\uc815\uc774\uc5c8\uace0 \uac04\ub2e8\ud55c \ub0b4\uc6a9\uc774\uc5b4\uc11c \uc5c5\ub370\uc774\ud2b8\ub97c \ud558\uae30\ub85c \ud588\ub2e4. <\/p>\n\n\n\n<p>\uae30\ubcf8 \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131\ud574\uc11c \uc0ac\uc6a9\ud558\uba74 ActionBar \ud615\ud0dc\uc758 App bar\ub97c \uc0ac\uc6a9\ud558\uac8c \ub41c\ub2e4. \uc774\ub294 \uc0ac\uc6a9\uc911\uc778 Navigation \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640\ub3c4 \uc798 \uc791\ub3d9\ud55c\ub2e4. \uadf8\ub7f0\ub370, \uc0c8\ub85c\uc6b4 \ub370\uc774\ud130\ub97c \ucd94\uac00\ud558\ub294 \ud654\uba74\uc744 \ub9cc\ub4e4\ub2e4\ubcf4\ub2c8, App bar\ub97c \uc5c6\uc560\uace0 \uac04\ub2e8\ud55c Toolbar\ub97c \uc0ac\uc6a9\ud558\uace0 \uc2f6\uc5c8\ub2e4. \uc608\ub97c\ub4e4\uba74 \ud2b8\uc704\ud130 \uc571\uc5d0 \uc0c8\uae00 \uc4f0\uae30\ub77c\ub358\uc9c0, Keep \uba54\ubaa8\uc571\uc5d0 \uc0c8\uae00\uc4f0\uae30\ucc98\ub7fc. \uc5b8\uae09\ud55c \uc571\ub4e4\uc740 \uc544\uc608 ActionBar \ud615\ud0dc\ub97c \ubc84\ub9ac\uace0, \ubaa8\ub4e0 \ud654\uba74\uc5d0\uc11c Toolbar\ub97c \uc774\uc6a9\ud558\ub294 \uac83 \uac19\uc740\ub370, \uc5b4\uca4c\uba74 \uac00\uc7a5 \ud0c1\uc6d4\ud55c \uc120\ud0dd\uc77c \uc218\ub3c4 \uc788\uaca0\ub2e4\ub294 \uc0dd\uac01\uc774 \ub4e0\ub2e4. \ud558\uc9c0\ub9cc, \ub098\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \uc81c\uacf5\ud558\ub294 ActionBar \ud615\ud0dc\ub97c \ubc84\ub9ac\uace0 \uc2f6\uc9c4 \uc54a\uc558\uae30\uc5d0 \uc785\ub825 fragment\uc5d0\uc11c\ub9cc ActionBar\ub97c \uc81c\uac70\ud558\uace0 \ubcc4\ub3c4\uc758 Toolbar\ub97c \uc0ac\uc6a9\ud558\uae30\ub85c \uacb0\uc815.<\/p>\n\n\n\n<p> \uae30\ubcf8 ActionBar\ub97c \ud2b9\uc815 fragment\uc5d0\uc11c \uc5c6\uc560\ub294\uac74 \uac04\ub2e8\ud558\ub2e4. \uadf8\ub0e5 \uc228\uae30\uba74\ub41c\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>override fun onStart() {\n    super.onStart()\n    (activity as AppCompatActivity?)!!.supportActionBar!!.hide()\n}\n\noverride fun onStop() {\n    super.onStop()\n    (activity as AppCompatActivity?)!!.supportActionBar!!.show()\n}\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F47067\">override<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">fun<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #DCBDFB\">onStart<\/span><span style=\"color: #ADBAC7\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">super<\/span><span style=\"color: #ADBAC7\">.<\/span><span style=\"color: #DCBDFB\">onStart<\/span><span style=\"color: #ADBAC7\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    (activity <\/span><span style=\"color: #F47067\">as<\/span><span style=\"color: #ADBAC7\"> AppCompatActivity?)<\/span><span style=\"color: #F47067\">!!<\/span><span style=\"color: #ADBAC7\">.supportActionBar<\/span><span style=\"color: #F47067\">!!<\/span><span style=\"color: #ADBAC7\">.<\/span><span style=\"color: #DCBDFB\">hide<\/span><span style=\"color: #ADBAC7\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">override<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">fun<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #DCBDFB\">onStop<\/span><span style=\"color: #ADBAC7\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">super<\/span><span style=\"color: #ADBAC7\">.<\/span><span style=\"color: #DCBDFB\">onStop<\/span><span style=\"color: #ADBAC7\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    (activity <\/span><span style=\"color: #F47067\">as<\/span><span style=\"color: #ADBAC7\"> AppCompatActivity?)<\/span><span style=\"color: #F47067\">!!<\/span><span style=\"color: #ADBAC7\">.supportActionBar<\/span><span style=\"color: #F47067\">!!<\/span><span style=\"color: #ADBAC7\">.<\/span><span style=\"color: #DCBDFB\">show<\/span><span style=\"color: #ADBAC7\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">}<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p>fragment\uac00 start\ub420 \ub54c \uc228\uae30\uace0 stop\ub420 \ub54c \ubcf4\uc5ec\uc8fc\ub294 \ucf54\ub4dc\uc774\ub2e4. <strong>\ubb38\uc81c\ub294 Fragment\uac00 \uc804\ud658\ub420 \ub54c ActionBar\uac00 \uc77c\ub2e8 \ubcf4\uc778 \ub2e4\uc74c \uc81c\uac70\uac00 \ub41c\ub2e4\ub294 \uac83\uc774\ub2e4. hide\ucf54\ub4dc\uc758 \uc704\uce58\ub97c \ubc14\uafd4\ubd10\ub3c4 \ubb38\uc81c\ub294 \ud574\uacb0\ub418\uc9c0 \uc54a\uc558\ub2e4.<\/strong> ActionBar\ub294 Activity\uc5d0 \uc18d\ud574\uc788\uae30 \ub54c\ubb38\uc5d0, Fragment\uac04 \uc774\ub3d9\uc2dc\uc810\uc5d0 Activity\uc5d0\uc11c \ubb54\uac00 \ucc98\ub9ac\ub97c \ud574\uc918\uc57c \ud560 \uac83 \uac19\uc558\ub2e4. \uadf8\ub807\uac8c \ucc3e\ub2e4\uac00 \uc54c\uac8c\ub41c\uac8c <strong>navController\uc758 addOnDestinationChangedListener() \uba54\uc18c\ub4dc. Fragment\uc758 destination\uc774 \ubcc0\uacbd\ub418\uc5b4 \uc804\ud658\uc2dc \ucf5c\ubc31\uc73c\ub85c \ubd88\ub9ac\ub3c4\ub85d \ud55c\ub2e4.<\/strong> \uc774 \uc678\uc5d0\ub3c4 Navigation \uc0ac\uc6a9\uc2dc UI\ub97c \ub2e4\ub8e8\ub294 \uad00\ub828 \ub0b4\uc6a9\uc774 \ub2e4\uc74c\uc758 \ub9c1\ud06c\uc5d0 \uc798 \ub098\uc640\uc788\ub2e4.<\/p>\n\n\n\n<p>Update UI components with Navigation UI : <a href=\"https:\/\/developer.android.com\/guide\/navigation\/navigation-ui\">https:\/\/developer.android.com\/guide\/navigation\/navigation-ui<\/a><\/p>\n\n\n\n<p>Listen for navigation events : <a href=\"https:\/\/developer.android.com\/guide\/navigation\/navigation-ui#listen_for_navigation_events\">https:\/\/developer.android.com\/guide\/navigation\/navigation-ui#listen_for_navigation_events<\/a><\/p>\n\n\n\n<p>\ub9c1\ud06c\uc758 \ub0b4\uc6a9\uc73c\ub85c ActionBar\ub97c show\/hide \ud558\ub294 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\ud604\ub41c\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>navController.addOnDestinationChangedListener{ _, destination, _ ->\n    when (destination.id) {\n        R.id.EditAddFragment -> {\n            supportActionBar?.hide()\n            Timber.i(\"Navigation dest. changed: EditAddFragment. $supportActionBar\")\n        }\n        else -> {\n            supportActionBar?.show()\n            Timber.i(\"Navigation dest. changed: else fragment. $supportActionBar\")\n        }\n    }\n}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ADBAC7\">navController.<\/span><span style=\"color: #DCBDFB\">addOnDestinationChangedListener<\/span><span style=\"color: #ADBAC7\">{ _, destination, _ <\/span><span style=\"color: #F47067\">-&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #F47067\">when<\/span><span style=\"color: #ADBAC7\"> (destination.id) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        R.id.EditAddFragment <\/span><span style=\"color: #F47067\">-&gt;<\/span><span style=\"color: #ADBAC7\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            supportActionBar?.<\/span><span style=\"color: #DCBDFB\">hide<\/span><span style=\"color: #ADBAC7\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            Timber.<\/span><span style=\"color: #DCBDFB\">i<\/span><span style=\"color: #ADBAC7\">(<\/span><span style=\"color: #96D0FF\">&quot;Navigation dest. changed: EditAddFragment. <\/span><span style=\"color: #6CB6FF\">$supportActionBar<\/span><span style=\"color: #96D0FF\">&quot;<\/span><span style=\"color: #ADBAC7\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #F47067\">else<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">-&gt;<\/span><span style=\"color: #ADBAC7\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            supportActionBar?.<\/span><span style=\"color: #DCBDFB\">show<\/span><span style=\"color: #ADBAC7\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            Timber.<\/span><span style=\"color: #DCBDFB\">i<\/span><span style=\"color: #ADBAC7\">(<\/span><span style=\"color: #96D0FF\">&quot;Navigation dest. changed: else fragment. <\/span><span style=\"color: #6CB6FF\">$supportActionBar<\/span><span style=\"color: #96D0FF\">&quot;<\/span><span style=\"color: #ADBAC7\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><a href=\"https:\/\/developer.android.com\/reference\/androidx\/navigation\/NavController#addOnDestinationChangedListener(androidx.navigation.NavController.OnDestinationChangedListener)\">addOnDestinationChangedListener <\/a>\uc5d0 \ub118\uaca8\uc9c0\ub294 Listner\ub294 <a href=\"https:\/\/developer.android.com\/reference\/androidx\/navigation\/NavController.OnDestinationChangedListener\">NavController.OnDestinationChangedListener<\/a> \uc778\ub370, \uc778\uc790\uac00 \uc6d0\ub798 3\uac1c\ub2e4. \uc5ec\uae30\uc11c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294 NavController\uc640 Bundle\ud0c0\uc785 arguments \ub294 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc73c\ubbc0\ub85c under score\ub85c \ucc98\ub9ac\ud574\uc92c\ub2e4.<\/p>\n\n\n\n<p>\ub9ac\uc2a4\ub108 \ub0b4\uc6a9\uc744 \ubcf4\uba74, destination.id\ub97c \uad6c\ubcc4\ud558\uc5ec \ud2b9\uc815 destination\uc73c\ub85c \uc774\ub3d9\uc2dc ActionBar\ub97c show\/hide \ud558\uace0 \uc788\ub294\uac8c \ubcf4\uc778\ub2e4. \uc5ec\uae30\uc11c \ucc98\ub9ac\ub97c \ud558\uba74 \ud654\uba74 \uc804\ud658\uc2dc, ActionBar\uac00 \ubcf4\uc600\ub2e4 \uc0ac\ub77c\uc9c0\ub294 \ud604\uc0c1\uc5c6\uc774 \uae54\ub054\ud558\uac8c \ucc98\ub9ac\ub41c\ub2e4. <\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>App bar \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c App bar\ub77c\uace0 \ud558\ub294\uac83\uc740 Material Design\uc5d0\uc11c \uc815\uc758\ud558\ub294 \uc0c1\ub2e8\uc758 \ubc14\ub97c \ub9d0\ud55c\ub2e4. Material Design\uc5d0\uc11c\ub294 \ud558\ub2e8 App bar\ub3c4 \ub098\uc624\uc9c0\ub9cc, \uadf8\ub9ac \uc775\uc219\ud55c \ud615\ud0dc\ub294 \uc544\ub2c8\ub2e4. \uc5ec\uae30\uc11c\ub294 \uc774\uc804\ubd80\ud130 \uc775\uc219\ud55c \uc0c1\ub2e8 \ubc14\uc5d0 \ub300\ud574\uc11c\ub9cc \ub2e4\ub8f0 \uac83\uc774\ub2e4. App bar\uc758 \uac01 \uba85\uce6d\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4. 1. Container2. Navigation icon (optional)3. Title (optional)4. Action items (optional)5. Overflow menu (optional) App bar\ub77c\uace0 \ud558\ub294 \uac83\uc740 \uc55e\uc5d0\uc11c \ub9d0\ud55c\ub300\ub85c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[241,186,240,243,242],"class_list":["post-1148","post","type-post","status-publish","format-standard","hentry","category-android","tag-actionbar","tag-android-2","tag-app-bar","tag-fragment","tag-toolbar"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":10,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1148\/revisions"}],"predecessor-version":[{"id":3481,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1148\/revisions\/3481"}],"wp:attachment":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/media?parent=1148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/categories?post=1148"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/tags?post=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}