Top 44 안드로이드 액션 바 아이콘 8388 People Liked This Answer

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 안드로이드 액션 바 아이콘 on Google, you do not find the information you need! Here are the best content compiled and compiled by the https://chewathai27.com/to team, along with other related topics such as: 안드로이드 액션 바 아이콘 안드로이드 스튜디오 액션바, 안드로이드 스튜디오 액션바 커스텀, 안드로이드 액션바 이미지 넣기, 안드로이드 액션바 커스텀, 안드로이드 액션바 툴바, 안드로이드 스튜디오 액션바 뒤로가기, 안드로이드 스튜디오 액션바 없애기, 안드로이드 스튜디오 액션바 버튼

사용자 지정 ActionBar 또는 ToolBar를 만드는 방법 | 안드로이드 스튜디오 | 초보자 자습서

[안드로이드] 앱바(App Bar) 셋팅하기( 제목변경, 색상, 버튼 이벤트, 아이콘 추가) :: 지식공유

Article author: scvtwo.tistory.com
Reviews from users: 44264 Ratings
Top rated: 3.7
Lowest rated: 1
Summary of article content: Articles about [안드로이드] 앱바(App Bar) 셋팅하기( 제목변경, 색상, 버튼 이벤트, 아이콘 추가) :: 지식공유 앱바는 액션바(Action Bar)라고도 합니다. … 앱바에 아이콘추가 … withText – 아이콘과 텍스트(andro:tilte로 지정한 텍스트)가 같이 표기 … …
Most searched keywords: Whether you are looking for [안드로이드] 앱바(App Bar) 셋팅하기( 제목변경, 색상, 버튼 이벤트, 아이콘 추가) :: 지식공유 앱바는 액션바(Action Bar)라고도 합니다. … 앱바에 아이콘추가 … withText – 아이콘과 텍스트(andro:tilte로 지정한 텍스트)가 같이 표기 … 안녕하세요. 오늘은 앱바(App Bar)에 제목을 변경하거나 버튼을 추가하는 법에 대해 알아보도록 하겠습니다. 앱바는 앱의 아래 부분을 말합니다. 앱바는 액션바(Action Bar)라고도 합니다. 최근..
Table of Contents:

[안드로이드] 앱바(App Bar) 셋팅하기( 제목변경 색상 버튼 이벤트 아이콘 추가)

티스토리툴바

Article author: ju-hy.tistory.com
Reviews from users: 39688 Ratings
Top rated: 4.0
Lowest rated: 1
Summary of article content: Articles about ActionBar에 Menu 추가하기 이 상단 bar를 ActionBar라고 부르며, 이 안에 버튼을 추가하여 Menu를 구성 …

Most searched keywords: Whether you are looking for ActionBar에 Menu 추가하기 이 상단 bar를 ActionBar라고 부르며, 이 안에 버튼을 추가하여 Menu를 구성 …

Table of Contents:

티스토리 뷰

ActionBar와 Menu란

Menu 추가하기

Article author: recipes4dev.tistory.com
Reviews from users: 15630 Ratings
Top rated: 4.2
Lowest rated: 1
Summary of article content: Articles about 안드로이드 액션바(ActionBar) 기본 사용법. (Android ActionBar) :: 개발자를 위한 레시피 앱바(App Bar)에 아이콘을 표시하기 위해서는 ActionBar 클래스의 setIcon() 또는 setLogo() 함수를 사용하여 아이콘으로 표시할 이미지를 지정하면 … …
Most searched keywords: Whether you are looking for 안드로이드 액션바(ActionBar) 기본 사용법. (Android ActionBar) :: 개발자를 위한 레시피 앱바(App Bar)에 아이콘을 표시하기 위해서는 ActionBar 클래스의 setIcon() 또는 setLogo() 함수를 사용하여 아이콘으로 표시할 이미지를 지정하면 … 1. 안드로이드 액션바(ActionBar)와 앱바(App Bar) 액션바(ActionBar)는 앱바(App Bar)를 만들 때 사용하는 위젯 중 하나입니다. 그리고 앱바(App Bar)는 액티비티의 제목과 앱 레벨의 탐색(navigation)을 위한 액..programming, develop, software, android, iOS, linux, java, kotlin, c, cpp, web, spring
Table of Contents:

안드로이드 액션바(ActionBar) 기본 사용법 (Android ActionBar)

티스토리툴바

Article author: hjink247.tistory.com
Reviews from users: 32167 Ratings
Top rated: 3.4
Lowest rated: 1
Summary of article content: Articles about 안드로이드 액션바(Action bar)에 버튼 추가 및 사용하기 :: 끄적끄적 단, 아이콘과 텍스트를 같이 표시할 공간이 있는 경우에만 텍스트 표시. collapseActionView. 아이템에 커스텀 액션 뷰가 지정된 경우, 축소된 형태로 … …
Most searched keywords: Whether you are looking for 안드로이드 액션바(Action bar)에 버튼 추가 및 사용하기 :: 끄적끄적 단, 아이콘과 텍스트를 같이 표시할 공간이 있는 경우에만 텍스트 표시. collapseActionView. 아이템에 커스텀 액션 뷰가 지정된 경우, 축소된 형태로 … 타이틀바, 액션바, 툴바.. 뭐 이런 저런 명칭이 많은 곳. 용어 정리는 다음에 한번 차이에 대해서 정리를 해야겠지만, 현재 나는 이 타이틀 바에 버튼을 넣어서 액션바로서 사용을 하고싶으니, 추가하는 방법을 서..
Table of Contents:

안드로이드 액션바(Action bar)에 버튼 추가 및 사용하기 :: 끄적끄적

Article author: rimduhui.tistory.com
Reviews from users: 29815 Ratings
Top rated: 3.2
Lowest rated: 1
Summary of article content: Articles about Android Action bar Style Setting 의 Style을 어떻게 세팅하면 좋을까? 크나큰 삽질 끝에 정리를 해보자. 목표는 여러가지가 있다. 1. Action bar의 왼쪽 아이콘의 크기를 조절 … …
Most searched keywords: Whether you are looking for Android Action bar Style Setting 의 Style을 어떻게 세팅하면 좋을까? 크나큰 삽질 끝에 정리를 해보자. 목표는 여러가지가 있다. 1. Action bar의 왼쪽 아이콘의 크기를 조절 … 안드로이드 Action bar (App bar, Tool bar 라고도 하는 바로 그것!)의 Style을 어떻게 세팅하면 좋을까? 크나큰 삽질 끝에 정리를 해보자. 목표는 여러가지가 있다. 1. Action bar의 왼쪽 아이콘의 크기를 조절해..
Table of Contents:

Article author: docko.tistory.com
Reviews from users: 8260 Ratings
Top rated: 4.2
Lowest rated: 1
Summary of article content: Articles about 안드로이드 Action Bar 만들기 안드로이드 Action Bar 만들기이며, ActionBar의 배경 및 타이틀, Action Button 추가 및 이벤트, … Action Button 아이콘과 텍스트 함께 표시하기. …
Most searched keywords: Whether you are looking for 안드로이드 Action Bar 만들기 안드로이드 Action Bar 만들기이며, ActionBar의 배경 및 타이틀, Action Button 추가 및 이벤트, … Action Button 아이콘과 텍스트 함께 표시하기. 안드로이드 Action Bar 만들기이며, ActionBar의 배경 및 타이틀, Action Button 추가 및 이벤트, Home icon 추가 및 이벤트에 대해서 알아보도록 하겠습니다. Action Bar의 명칭은 아래의 URL을 참고하세요. 안드..
Table of Contents:

태그

공지사항

최근글

[안드로이드] 앱바(App Bar) 셋팅하기( 제목변경, 색상, 버튼 이벤트, 아이콘 추가)

반응형

안녕하세요.

오늘은 앱바(App Bar)에 제목을 변경하거나 버튼을 추가하는 법에 대해 알아보도록 하겠습니다.

앱바는 앱의 아래 부분을 말합니다.

앱바는 액션바(Action Bar)라고도 합니다.

최근 버전이 올라가면서 다양한 기능을 맞춤 설정을 할 수 있기 때문에 툴바를 사용합니다.

일단 다음과 같은 순서로 앱바 기능에 대해 알아보도록 하겠습니다.

1. 앱바 제목 변경

2. 앱바 색상 변경하기

3. 버튼 추가

4. 버튼에 따른 이벤트 추가

5. 앱바에 아이콘추가

6. 앱바 보이기/안보이기

기본설정은 “Empty Activity”상태로 하겠습니다.

1. 앱바 제목 변경

manifests/AndroidManifest.xml파일에서 label값을 변경해주면 됩니다.

그냥 값을 변경해줘도 적용이 되지만 위에 이미지와 같이 “@string/app_name” 경로로 표기하여 경로에 있는 스트링을 변경해줘도 됩니다.

res/values/strings.xml값을 변경하면 제목을 변경할 수 있습니다.

하지만 이렇게 하면 앱이 실행 전에만 바꿀 수 있습니다.

앱이 실행중일 때 제목을 바꾸려면 코드상에서 수정해야 합니다.

다음 코드를 사용합니다.

getSupportActionBar().setTitle(“Change Title”);

MainActivity.java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 package com.testcompany.appbar; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 실행 중 제목을 변경할 수 있습니다. getSupportActionBar().setTitle( “Change Title” ); } } Colored by Color Scripter cs

2. 앱바 색상 변경하기

/res/values/themes.xml을 열어보면 다음과 같이 되어있습니다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < resources xmlns:tools = "http://schemas.android.com/tools" > < style name = "Theme.Appbar" parent = "Theme.MaterialComponents.DayNight.DarkActionBar" > @color/purple_500 @color/purple_700 @color/white @color/teal_200 @color/teal_700 @color/black ?attr/colorPrimaryVariant < / style > < / resources > Colored by Color Scripter cs

다음 부분을 수정하면 됩니다.

@color/purple_500

@color/purple_700

“@color/purple_500”, “@color/purple_700” 는 “/res/value/colors.xml” 파일을 확인해보면 됩니다.

1 2 3 4 5 6 7 8 9 10 < ?xml version = "1.0" encoding = "utf-8" ? > < resources > < color name = "purple_200" > #FFBB86FC < / color > < color name = "purple_500" > #FF6200EE < / color > < color name = "purple_700" > #FF3700B3 < / color > < color name = "teal_200" > #FF03DAC5 < / color > < color name = "teal_700" > #FF018786 < / color > < color name = "black" > #FF000000 < / color > < color name = "white" > #FFFFFFFF < / color > < / resources > Colored by Color Scripter cs

colorPrimary, colorPrimaryVariant는 각각 다음 위치를 가리킵니다.

3. 버튼 추가

3-1. 메뉴 XML 파일 추가

버튼을 추가하기 위해서는 일단 메뉴(Meunu) XML 파일을 먼저 추가해야 합니다.

다음과 같이 합니다.

res폴더를 선택합니다.

File – New – Android Resource File을 선택합니다.

그리고 다음 나오는 창에서 “Resource type”항목의 리스트 박스에서 Menu를 선택합니다.

다음 파일 이름을 입력한 후 OK 버튼을 누릅니다.

res/menu/main_menu.xml이 추가되었습니다.

3-2 메뉴 XML 파일 코드 수정

main_menu.xml에 코드를 추가하여 버튼을 추가할 수 있습니다.

1 2 3 4 5 6 7 8 9 10 < ?xml version = "1.0" encoding = "utf-8" ? > < menu xmlns:android = "http://schemas.android.com/apk/res/android" xmlns:app = "http://schemas.android.com/apk/res-auto" > < item android:id = "@+id/search_action" android:icon = "@android:drawable/ic_menu_search" android:title = "Search" app:showAsAction = "always" / > < / menu > Colored by Color Scripter cs

“” 부분을 추가해서 버튼을 더 추가할 수 있습니다.

item구문에서 showAsAction항목에 따라 어떻게 보이게 할 건지 설정할 수 있습니다.

설정한 값에 따라 다음과 같이 표시됩니다.

always – 항상 표시해야 한다면 사용합니다.

ifRoom – 표시할 공간이 있는 경우에만 표시되고 아니면 더보기 메뉴에 표기되게 됩니다.

withText – 아이콘과 텍스트(android:tilte로 지정한 텍스트)가 같이 표기됩니다. 파이프로 다른 설정과 포함할 수 있습니다. (설명은 이렇게 적혀있는데, 제가 해봤을 때 넣으면 never와 같이 더보기 메뉴에만 추가됩니다. )

never – 앱바에 배치하지 않고, 더보기 메뉴에 표기합니다.

3-3 앱바에 표기하기

막상 위에까지 하고 실행시켜보면 앱바에 표기가 안됩니다.

아직 코드에서 연결을 안 했기 때문입니다.

mainActivity.java파일에서 다음 코드를 추가합니다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 package com.testcompany.appbar; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.Menu; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main_menu, menu); return true ; } } Colored by Color Scripter cs R.menu.main_menu는 main_menu.xml을 의미합니다. 실행해보면 버튼이 추가되어있는 것을 확인할 수 있습니다. 4. 버튼에 따른 이벤트 추가 이제 버튼에 따른 이벤트를 추가해야합니다.

onOptionsItemSelected함수를 추가하여 구현할 수 있습니다.

다음과 같이 추가하면 됩니다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 package com.testcompany.appbar; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.widget.Toast; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main_menu, menu); return true ; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.search_action: Toast.makeText(getApplicationContext(), “Search Action” , Toast.LENGTH_SHORT).show(); return true ; default : return super .onOptionsItemSelected(item); } } } Colored by Color Scripter cs

5. 앱바에 아이콘 추가

onCreate에 다음 구문을 추가하면 됩니다.

getSupportActionBar().setIcon(R.drawable.ic_baseline_4k_24);

getSupportActionBar().setDisplayUseLogoEnabled(true);

getSupportActionBar().setDisplayShowHomeEnabled(true);

R.drawable.ic_baseline_4k_24 는 아이콘으로 설정할 리소스입니다.

6. 앱바 보이기/안보이기

코드에서 다음 구문을 사용할 수 있습니다.

getSupportActionBar().show(); // 보이도록 합니다.

getSupportActionBar().hide(); // 안 보이도록 합니다.

반응형

ActionBar에 Menu 추가하기

ActionBar와 Menu란?

앱을 켜보면 앱 상단에 bar 형태와 앱의 이름이 보이는 앱이 있다.

이 상단 bar를 ActionBar라고 부르며, 이 안에 버튼을 추가하여 Menu를 구성할 수 있다.

Menu는 Option Menu와 Context Menu로 나누어진다.

Option Menu는 하드웨어 메뉴 버튼을 눌렀을때 나타나는 메뉴이고,

Context Menu는 화면을 길게 눌렀을 때 나타나는 메뉴이다.

Menu 추가하기

먼저 res 폴더를 오른쪽 클릭하여 New – Directory를 선택해 새 폴더를 만들어주자.

이 때 새 폴더 이름은 menu로 지정해주어야 한다.

(폴더의 이름에 따라 안에서 동작할 수 있는 파일의 종류가 설정됨)

menu 폴더가 만들어졌다면 오른쪽 클릭하여 New – Menu Resource File을 클릭하여 리소스 파일을 만들어주자.

이름은 menu_OOO 와 같은 형식으로 해주자.

menu xml 파일에서는 item을 원하는 menu 갯수만큼 추가해주자.

이 때 showAsAction 옵션을 always로 해주면 ··· 마크(메뉴) 안에 포함되는 게 아니라 ActionBar에 항상 보이게 된다.

package com.juhy.myapplication; import androidx.annotation.NonNull; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.widget.Toast; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(@NonNull MenuItem item) { int curId = item.getItemId(); switch(curId){ case R.id.menu_refresh: Toast.makeText(this, “Refresh Clicked”, Toast.LENGTH_SHORT).show(); break; case R.id.menu_search: Toast.makeText(this, “Search Clicked”, Toast.LENGTH_SHORT).show(); break; case R.id.menu_settings: Toast.makeText(this, “Settings Clicked”, Toast.LENGTH_SHORT).show(); break; default: break; } return super.onOptionsItemSelected(item); } }

액티비티에서는 두 가지 메소드를 override 해 사용하게 된다.

onCreateOptionsMenu() 함수에서 MenuInflater를 통해 생성해준 menu 파일을 inflate 해주고,

onOptionsItemSelected() 함수에서 각각의 menu item이 클릭되었을 때 기능을 설정할 수 있다.

item.getItemId()를 통해 선택된 메뉴 아이템의 아이디를 알 수 있으니 이를 조건문을 통해 분류하여 구현하자.

실행해보면 정상적으로 ActionBar에 3개의 메뉴가 나타나는 것을 볼 수 있다.

또한 메뉴를 클릭했을 때 구현했던 toast도 정상적으로 나타난다.

Menu Item에 레이아웃 적용하기

그렇다면 이번에는 위와 같이 아이콘 형태의 Menu가 아니라 직접 구성한 레이아웃을 Menu Item에 적용시켜보자.

먼저 원하는 형태로 레이아웃 파일을 만들어준다.

그 다음 menu 파일의 item 태그 안에 actionLayout 옵션으로 구현한 레이아웃 파일을 지정해주면 된다.

ActionBar에 아이콘이 아니라 직접 구성한 레이아웃의 형태로 Menu가 나타나는 것을 볼 수 있다.

ActionBar 보이기 / 숨기기

ActionBar는 보이고 숨기는 것은 2가지 방법이 있다.

1. AppTheme 변경

values 폴더의 styles.xml에서 AppTheme 의 Parent를 바꿔주면 된다.

ActionBar를 보이고 싶다면 DarkActionBar,

ActionBar를 숨기고 싶다면 NoActionBar로 설정해주면 된다.

2. java 코드

ActionBar actionBar = getActionBar(); actionBar.show(); actionBar.hide();

java 소스에서 getActionBar() 함수를 통해 불러온 뒤, show() 함수를 통해 보이거나, hide() 함수를 통해 숨길 수 있다.

Reference
[부스트코스]안드로이드 프로그래밍

https://www.edwith.org/boostcourse-android

안드로이드 액션바(ActionBar) 기본 사용법. (Android ActionBar)

1. 안드로이드 액션바(ActionBar)와 앱바(App Bar)

액션바(ActionBar)는 앱바(App Bar)를 만들 때 사용하는 위젯 중 하나입니다. 그리고 앱바(App Bar)는 액티비티의 제목과 앱 레벨의 탐색(navigation)을 위한 액션 버튼 또는 여러 종류의 위젯으로 구성된 액티비티의 기본 도구모음(Toolbar)을 말합니다.

통상적으로 안드로이드에서 앱바(App Bar)와 액션바(ActionBar)는 같은 의미로 사용됩니다. 초기 머티리얼 디자인에서 앱바(App Bar) 레이아웃 구조가 ActionBar 위젯을 통해 구현되었기 때문에 액션바(ActionBar)는 곧 앱바(App Bar)를 의미하죠.

그런데 안드로이드 SDK가 지속적인 발전과 수정을 거쳐옴에 따라 앱바(App Bar)를 만드는 방법 또한 변화되었습니다. 즉, 앱바(App Bar)를 만들기 위해 반드시 ActionBar 위젯을 사용할 필요가 없어진 것입니다. 특히, 최근에는 v7 AppCompat 지원 라이브러리에 포함된 Toolbar 를 사용하여 앱바(App Bar)를 구현합니다. 지원 라이브러리의 Toolbar 를 사용하면, 다양한 종류의 기기에서 일관적인 앱바(App Bar) 동작을 보장할 수 있습니다.

하지만 v7 AppCompat 지원 라이브러리의 Toolbar 를 사용하는 방법을 설명하기에 앞서, ActionBar 위젯으로 앱바(App Bar)를 만드는 방법을 먼저 설명하는 것이 흐름상 적절하다고 생각합니다. 기본적으로 액티비티 내부에서 앱바(App Bar)가 ActionBar 위젯으로 관리되고, 앱바(App Bar)를 제어하는 기능들이 ActionBar 클래스를 통해 제공되기 때문입니다.

1.1 앱바(App Bar)의 레이아웃 구조.

앱바(App Bar)는 기본적으로 화면을 왼쪽/오른쪽 두 부분으로 나눈 다음, 왼쪽에는 탐색에 사용되는 “Nav icon”과 현재 컨텐츠의 제목을 출력하는 “Title”을 표시합니다. 그리고 오른쪽에는 앱의 주요 액션을 버튼 형태로 제공하는 “Action”, 주요 액션에 표시되지 않은 기능과 메뉴 아이템들을 보여주기 위한 “Overflow menu” 아이콘이 표시됩니다.

2. 액션바(ActionBar) 사용법.

안드로이드 3.0(API Level 11)부터, 기본 테마를 사용하는 모든 액티비티에서 ActionBar 가 앱바(App Bar)로 사용됩니다. 앱바(App Bar)는 액티비티에 기본으로 포함된 요소이기 때문에, 레이아웃 리소스 XML 파일에 ActionBar 위젯을 별도로 추가하지 않아도, 간단한 설정만으로 액티비티에서 앱바(AppBar)가 표시되도록 만들 수 있습니다.

2.1 앱바(App Bar) 표시하기.

앱바(App Bar)가 화면에 표시되도록 만들기 위해서는, 액티비티가 앱바(App Bar)를 표시하는 테마를 사용하도록 설정하기만 하면 됩니다. 그리고 안드로이드 3.0(API Level 11)부터는 기본 테마들이 앱바(App Bar)를 제공하기 때문에, 아래의 코드와 같이, 앱의 테마 설정을 기본 테마 중 하나로 지정하면, 앱바(App Bar)를 사용하도록 만들 수 있습니다.

“/manifests/AndroidManifest.xml” – 앱 프로젝트의 테마 설정.

< manifest xmlns : android = " http://schemas.android.com/apk/res/android " package = " com.ppottasoft.actionbarexample " > < application ... android : theme = " @style/AppTheme " > …

“/res/values/styles.xml” – 앱바(App Bar)가 포함된 테마 지정.

< resources > < style name = " AppTheme " parent = " Theme.AppCompat.Light.DarkActionBar " > …

그런데 어떤 경우에는 앱바(App Bar)를 사용하지 않게 만들고 싶을 때도 있습니다. 이를 위해서는 액티비티에 액션바를 지원하지 않는 테마를 지정하면 됩니다. 바로 “NoActionBar” 테마입니다.

“/res/values/styles.xml” – 앱바(App Bar)를 사용하지 않는 테마 지정.

< style name = " AppTheme " parent = " Theme.AppCompat.Light.NoActionBar " >

2.2 앱바(App Bar) 액세스하기.

적절한 테마 설정으로 앱바(App Bar)가 화면에 표시되도록 만들고 나면, 액티비티에서 getSupportActionBar() 함수를 호출하여 앱바(App Bar)에 대한 참조를 획득할 수 있습니다. 이 때, getSupportActionBar() 함수에서 리턴되는 타입은 ActionBar (android.support.v7.app.ActionBar) 클래스입니다.

ActionBar ab = getSupportActionBar() ;

getSupportActionBar() 함수를 통해 액티비티의 ActionBar 객체에 대한 참조를 획득하고나면, ActionBar 클래스에서 제공하는 함수를 통해 앱바(App Bar)의 표시항목을 설정하거나 앱바(App Bar)가 제공하는 여러 기능을 사용할 수 있습니다.

2.3 앱바(App Bar) 제목 텍스트 변경하기.

앱바(App Bar)에 표시되는 제목 텍스트에는 기본적으로 앱의 이름, 즉, AndroidManifest.xml 파일의 “android:label”에 지정된 문자열이 표시됩니다. 그러므로 앱바(App Bar)의 title 영역에 표시되는 텍스트를 변경하기 위해서는 “android:label”의 값을 수정하면 됩니다.

“/manifests/AndroidManifest.xml” – 앱바(App Bar)에 표시되는 제목 텍스트.

< manifest xmlns : android = " http://schemas.android.com/apk/res/android " package = " com.ppottasoft.actionbarexample " > < application ... android : label = " @string/app_name " ...

“/res/values/strings.xml” – 앱바(App Bar) 제목 텍스트 변경.

< resources > < string name = " app_name " >Changing ActionBar Text

하지만 앱바(App Bar)의 제목 텍스트를 앱의 이름으로 고정시키는 경우는 거의 없죠. 대신, 현재 수행중인 작업에 따라 앱바(App Bar)의 제목 텍스트를 바꿔가면서 표시하는 경우가 많습니다. 이렇게 앱바(App Bar)의 제목 텍스트를 임의의 문자열로 지정하기 위해서는 setTitle() 함수를 사용합니다.

ActionBar ab = getSupportActionBar() ; ab . setTitle( ” ActionBar Title by setTitle() ” ) ;

2.4 앱바(App Bar)의 색상 변경하기.

앱바(App Bar)가 화면에 표시될 때는 액티비티의 테마에 따라 그 색상이 결정됩니다. 그러므로 앱바(App Bar)의 색상을 변경하려면, 테마에 설정된 색상 값을 바꿔주면 됩니다.

프로젝트의 “AndroidMenifest.xml” 파일의 내용을 보면 “android:theme”에 앱의 테마가 지정된 것을 확인할 수 있습니다. 그런데 “android:theme”에는 시스템에서 제공하는 테마가 바로 사용되지 않고, 스타일(Style) 리소스의 “AppTheme”가 지정되어 있습니다.

… < application ... android : theme = " @style/AppTheme " > …

“/res/values/styles.xml” 파일을 열어보면 “AppTheme”에 대한 내용을 확인할 수 있는데요. 소스의 내용은, “AppTheme”가 “Theme.AppCompat.Light.DarkActionBar”를 상속받았으며, “colorPrimary”, “colorPrimaryDark”, “colorAccent”를 커스터마이징하고 있다는 내용입니다.

< resources > < style name = " AppTheme " parent = " Theme.AppCompat.Light.DarkActionBar " > < item name = " colorPrimary " >@color/colorPrimary < item name = " colorPrimaryDark " >@color/colorPrimaryDark < item name = " colorAccent " >@color/colorAccent

바로 여기서, “AppTheme”의 설정 값을 사용하여 앱바(App Bar)의 색상을 변경할 수 있습니다. 그럼 이제 테마 설정 값이 어떤 화면에 영향을 주는지 알아야 하는데요. 아래 그림을 통해 테마 설정 값과 화면 요소의 관계를 확인할 수 있습니다. (좀 더 자세한 내용은 https://developer.android.com/training/material/theme.html?hl=ko#ColorPalette 페이지를 참고하세요.)

자, 이제 앱바(App Bar)의 각 요소에 대한 색상을 어떻게 변경해줘야 하는지 아시겠죠? 아래 예제는 오렌지(Orange) 색상으로 앱바(App Bar)의 색을 변경한 예제입니다.

“/res/values/colors.xml” – 앱 테마 색상 변경.

< resources > < color name = " colorPrimary " >#FF9800 < color name = " colorPrimaryDark " >#E65100 < color name = " colorAccent " >#FF4081

https://developer.android.com/training/material/theme.html?hl=ko#ColorPalette 의 그림을 보면, “textColorPrimary”를 사용하여 앱바(App Bar) 제목 텍스트의 색상을 변경하는 것으로 나와 있습니다. 하지만 실제로 “textColorPrimary”를 사용하면, “Error:(312, 21) No resource found that matches the given name: attr ‘textColorPrimary’.”라는 에러가 발생합니다.

2.5 앱바(App Bar)에 액션(Action) 추가하기

2.5.1 앱바(App Bar) 액션을 위한 메뉴 리소스 XML 작성하기.

앱바(App Bar)에는 사용자 액션을 위한 버튼을 추가할 수 있습니다. 통상적으로 이 버튼을 액션 버튼(Action Button) 또는, 간단히 액션(Action)이라고 부르는데, 앱의 현재 상황에서 가장 중요한 기능들을, 이 액션 버튼이 눌려졌을 때 실행되도록 만듭니다.

앱바(App Bar)는 가로 방향 공간에 대한 제한으로 인해 한정된 수의 액션 버튼만 표시할 수 있습니다. 특히, 화면이 작은 스마트폰의 경우에는 그 갯수가 더욱 제한적일 수 밖에 없죠. 그런데 만약, 앱바(App Bar)에 표시할 수 있는 갯수보다 많은 수의 액션(Action)이 정의되면 어떻게 될까요? 분명, 중요하다고 판단된 액션(Action)이므로 어떤 형태로든 기능을 사용할 수 있게 만들어줘야 할텐데 말이죠.

이런 경우, 앱바(App Bar)에 버튼으로 표시되지 못한 액션들은, 앱바(App Bar) 설정에 따라 오버플로우 메뉴(Overflow Menu)에 추가됩니다. 물론, 처음부터 액션(Action)이 아닌 오버플로우 메뉴에 고정적으로 표시되게 만들 수도 있습니다.

액션 버튼과 오버플로우 메뉴에 추가되는 액션은 메뉴 리소스 XML에 정의합니다. 메뉴 리소스 XML은 “/res/menu/”에 생성하는데, xml 파일을 만든 다음, “
” 요소 아래에 액션 당 하나의 ““을 사용하여 앱바(App Bar)에 표시될 액션을 추가합니다.

아래 코드는 메뉴 리소스 XML에 “actionbar_actions.xml”이라는 파일을 생성한 다음, 액션을 정의한 예제입니다.

“/res/menu/actionbar_actions.xml” – 앱바에 액션 추가하기.

< menu xmlns : android = " http://schemas.android.com/apk/res/android " xmlns : app = " http://schemas.android.com/apk/res-auto " > < item android : id = " @+id/action_search " android : icon = " @drawable/ic_search_white_48dp " android : title = " Search " app : showAsAction = " ifRoom " /> < item ... />

메뉴 리소스 XML에서 액션을 정의하기 위해 사용되는 “” 요소의 속성들은 그 의미를 비교적 직관적으로 파악할 수 있습니다. 사용자에 의해 액션이 실행될 때 이벤트 핸들러에서 액션 식별에 사용되는 “id”, 앱바(App Bar)의 액션 버튼에 표시될 Drawable 리소스를 지정하기 위한 “icon”, 그리고 액션 또는 오버플로우 메뉴에 표시될 텍스트를 의미하는 “title”. 이와 같이, 속성의 이름만으로도 그 용도를 쉽게 파악할 수가 있죠.

그런데 마지막 속성은 그 의미가 쉽게 와닿지 않습니다. “showAsAction”, 어떤 역할을 하는 속성일까요?

“showAsAction” 속성은, 그 이름에 포함된 단어가 의미하듯, 아이템을 “액션으로 보여줄 때”의 옵션을 나타냅니다. 즉, 지정된 값에 따라 아이템을 “어떻게” 표시할지가 결정되는 것이죠. 먼저, “showAsAction”에 사용할 수 있는 값들은 어떤 것들이 있는지 한번 볼까요? 아래 표를 보시죠.

showAsAction 값 의미 always 아이템을 항상(always) 앱바(App Bar)의 액션으로 표시.

never와 ifRoom보다 우선되며, 공간이 없으면 표시되지 않음. never 아이템을 앱바(App Bar)의 액션으로 표시하지 않고(never) 오버플로우 메뉴에 바로 표시. ifRoom 만약 공간이 있다면(ifRoom), 앱바(App Bar)의 액션으로 표시하고, 공간이 없다면 오버플로우 메뉴에 표시. withText 아이템을 앱바(App Bar)의 액션으로 표시할 때 텍스트와 같이(withText) 표시.

단, 아이콘과 텍스트를 같이 표시할 공간이 있는 경우에만 텍스트 표시. collapseActionView 아이템에 커스텀 액션 뷰가 지정된 경우, 축소된 형태로 표시.

지정된 값을 속성 이름의 뒤에 붙여보면 그 의미를 좀 더 쉽게 이해할 수 있습니다. “show as action always”, “show as action with text” 처럼 말이죠.

showAsAction 속성 값에 따른 표시 결과는 아래 그림을 통해 확인할 수 있습니다.

“collapseActionView” 값에 대한 내용은, 그 설명이 조금 길어질 수 있기 때문에, 다른 글을 통해 설명하겠습니다.

2.5.2 메뉴 리소스 XML을 앱바(App Bar)에 표시하기.

원하는 구성으로 메뉴 리소스 XML을 작성했다면, 작성한 메뉴 리소스 XML이 앱바(App Bar)에서 사용되도록 만들어야 합니다. 이는 액티비티의 onCreateOptionsMenu() 함수를 오버라이딩한 다음, 앞서 작성한 메뉴 리소스 XML을 inflate함으로써 이루어집니다. 음, 앱바(App Bar)를 설명하는데, 갑자기 웬 “OptionsMenu”가 나올까요?

안드로이드에서 “옵션 메뉴(Options Menu)”는 액티비티의 기본 메뉴를 의미합니다. 액티비티가 실행된 후, 현재 액티비티 컨텍스트와 관련된 작업(예. Search, Settings) 등이 바로 이 “옵션 메뉴(Options Menu)”에 표시되는 것이죠.

이전 안드로이드 버전 2.3.x(API Level 10) 이하에서는 사용자가 “Menu” 버튼을 눌렀을 때 별도의 메뉴 항목으로 “옵션 메뉴(Options Menu)”가 표시되었습니다. 하지만 안드로이드 버전 3.0(API Level 11) 이상부터는 “옵션 메뉴(Options Menu)” 항목이 앱바(App Bar)에 표시되도록 바뀌었죠. 그래서 onCreateOptionsMenu() 함수가 앱바(App Bar)에 메뉴 리소스 XML을 표시하는데 사용되는 것입니다.

onCreateOptionsMenu() 함수에서 메뉴 리소스 XML을 앱바(App Bar)에 표시하는 코드는 아래와 같습니다.

@Override public boolean onCreateOptionsMenu( Menu menu) { getMenuInflater() . inflate( R . menu . actionbar_actions, menu) ; return true ; }

참고로, 작성된 메뉴 아이템이 표시되도록 만드려면, onCreateOptionsMenu() 함수가 반드시 true를 리턴해야 합니다. false를 리턴하면, 메뉴가 표시되지 않습니다.

2.6 앱바(App Bar) 액션 이벤트 처리하기.

앱바(App Bar)에서 액션이 클릭되었을 때의 이벤트는 액티비티의 onOptionsItemSelected() 함수에서 처리합니다. 앞서, 앱바(App Bar)가 액티비티의 “옵션 메뉴(Options Menu)” 역할을 수행하기 때문에 onCreateOptionsMenu() 함수에서 메뉴를 초기화했듯이, 메뉴 리소스 XML에서 ““으로 정의된 액션이 선택되면 onOptionsItemSelected() 함수가 호출되는 것입니다.

어떤 액션이 선택되었는지는 onOptionsItemSelected() 함수의 파라미터인 MenuItem의 getItemId() 함수를 통해 식별할 수 있습니다. getItemId() 함수를 통해 리턴되는 값은, 메뉴 리소스 XML의 ““요소에서 “id” 속성에 지정된 값입니다.

앱바(App Bar) 액션 이벤트 처리하기.

@Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.action_search : // TODO : process the click event for action_search item. return true ; // … // … default : return super.onOptionsItemSelected(item) ; } }

onOptionsItemSelected() 함수에서 선택된 아이템에 대한 이벤트를 정상적으로 처리했다면, 그 결과 값을 true로 리턴해야 합니다. 하지만 식별된 id가 여기서 처리될 아이템이 아니라면(switch문의 default), super.onOptionsItemSelected() 함수 실행 결과를 리턴하여 기본적인 메뉴 처리가 수행되도록 만들어줘야 합니다. (기본적으로 false를 리턴.)

2.7 앱바(App Bar)에 앱 아이콘 표시하기.

기본적으로 앱바(App Bar)에는 앱 아이콘이 표시되지 않습니다. 물론, 최근 안드로이드의 앱바(App Bar)에서는 앱 아이콘 대신 네비게이션 아이콘을 주로 사용하지만, 취향에 따라 앱 아이콘을 지정하고싶은 경우도 있겠죠.

앱바(App Bar)에 아이콘을 표시하기 위해서는 ActionBar 클래스의 setIcon() 또는 setLogo() 함수를 사용하여 아이콘으로 표시할 이미지를 지정하면 됩니다. 그런데 한 가지 주의할 점이 있습니다. AppCompat를 사용하는 경우, 단순히 setIcon() 또는 setLogo() 함수를 호출하는 것만으로는 아이콘이 표시되지는 않는다는 것이죠. setDisplayUseLogoEnabled() 함수와 setDisplayShowHomeEnabled() 함수를 호출해야만 앱바(App Bar)에 아이콘이 정상적으로 표시되는 것을 확인할 수 있습니다.

앱바(App Bar)에 아이콘 표시하기.

ActionBar ab = getSupportActionBar() ; ab . setIcon( R . drawable . app_icon) ; ab . setDisplayUseLogoEnabled( true ) ; ab . setDisplayShowHomeEnabled( true ) ;

2.8 앱바(App Bar) 감추기 및 보이기

앱에서 앱바(App Bar)를 사용할 것인지 여부는 앱에 지정한 테마가 앱바(App Bar)를 지원하는 테마인지 아닌지에 따라 결정된다고 설명했죠. 앞서 테마 이름에 “.NoActionBar”가 포함된 경우, 앱바(App Bar)를 사용하지 않는 테마라고 설명했습니다. 하지만 조금 더 자세하게 들여다보자면, 사실, 테마의 사용 여부는 테마의 이름에 의해 결정되는 것이 아니고, 테마에 지정된 “windowActionBar”라는 플래그의 값에 따라 결정됩니다. 앱바(App Bar)를 사용하는 경우 true, 그렇지 않으면 false 값을 지정하는 것이죠. “.NoActionBar” 테마도 내부적으로는 “windowActionBar” 플래그가 false 값으로 지정된 테마일 뿐입니다.

그러므로 “.NoActionBar”라는 이름이 포함된 테마 대신, 아래와 같이 “windowActionBar” 플래그 값을 false로 지정하여도 앱바(App Bar)가 표시되지 않게 만들 수 있습니다. 참고로, AppCompat에서는 “windowActionBar” 플래그만 사용하는 경우, “AppCompat does not support the current theme features: { windowActionBar: false, … }”라는 에러가 발생합니다. 이런 경우 “windowNoTitle” 플래그를 같이 사용하면 됩니다.

< style name = " AppTheme " parent = " Theme.AppCompat.Light.DarkActionBar " > … < item name = " windowActionBar " >false < item name = " windowNoTitle " >true

그런데 “.NoActionBar” 테마를 사용하거나 “windowActionBar” 플래그를 사용하는 방법은 앱바(App Bar)가 앱에서 원천적으로 표시되지 않도록 만듭니다. 단순히 보이고 말고의 문제가 아니라, 사용 자체를 하지 않도록 만든다는 것이죠. 하지만 어떤 경우에는, 기본적으로 앱바(App Bar)를 사용하되, 상황에 따라 앱바(App Bar)가 보이지 않도록 만들고 싶은 경우가 있을 것입니다. 이런 경우는 어떻게 해야 할까요?

방법은 매우 간단합니다. getSupportActionBar()를 통해 획득한 ActionBar 클래스 객체의 show(), hide() 함수를 사용하여 앱바(App Bar)를 보이게 만들거나 감출 수 있습니다.

앱바(App Bar) 보이기 또는 감추기.

ActionBar ab = getSupportActionBar() ; ab . show() ; // 앱바(App Bar) 보이기. ab . hide() ; // 앱바(App Bar) 감추기.

3. 참고

머티리얼 App bar에 대한 레이아웃 구조 [App bar]을 참고하세요.

안드로이드 개발 API 가이드. 메뉴 리소스. [Menu Resource]을 참고하세요.

안드로이드 개발 API 가이드. 옵션 메뉴 만들기. [옵션 메뉴 만들기]을 참고하세요.

안드로이드 개발 참조문서. Activity.onCreateOptionsMenu(). [Activity.onCreateOptionsMenu()]을 참고하세요.

안드로이드 개발 참조문서. Activity.onOptionsItemSelected(). [Activity.onOptionsItemSelected() “[https://developer.android.com/reference/android/app/Activity.html?hl=ko#onOptionsItemSelected(android.view.MenuItem))] 페이지로 이동합니다.”)]을 참고하세요.

.END.

So you have finished reading the 안드로이드 액션 바 아이콘 topic article, if you find this article useful, please share it. Thank you very much. See more: 안드로이드 스튜디오 액션바, 안드로이드 스튜디오 액션바 커스텀, 안드로이드 액션바 이미지 넣기, 안드로이드 액션바 커스텀, 안드로이드 액션바 툴바, 안드로이드 스튜디오 액션바 뒤로가기, 안드로이드 스튜디오 액션바 없애기, 안드로이드 스튜디오 액션바 버튼

Top 44 안드로이드 액션 바 아이콘 8388 People Liked This Answer

[안드로이드] 앱바(App Bar) 셋팅하기( 제목변경, 색상, 버튼 이벤트, 아이콘 추가) :: 지식공유

ActionBar에 Menu 추가하기

안드로이드 액션바(ActionBar) 기본 사용법. (Android ActionBar) :: 개발자를 위한 레시피

안드로이드 액션바(Action bar)에 버튼 추가 및 사용하기 :: 끄적끄적

Android Action bar Style Setting

안드로이드 Action Bar 만들기

[안드로이드] Menu 예제 2 ‘액션바(Action Bar)’ :: anything everything

[안드로이드 스튜디오] 액션바(Actinbar)에 버튼메뉴(menu) 추가하고 꾸미기 : 네이버 블로그

안드로이드 ActionBar에 Menu 를 구현해보자

[안드로이드] 앱바(App Bar) 셋팅하기( 제목변경, 색상, 버튼 이벤트, 아이콘 추가)

ActionBar에 Menu 추가하기

안드로이드 액션바(ActionBar) 기본 사용법. (Android ActionBar)

Leave a Comment Cancel reply