[Kotlin] 안드로이드 앱 메뉴바 아이콘 추가하기[Menu]

안드로이드 앱을 만들다 보면 처음으로 알아 챌 수 있는게 있다. 안드로이드는 기본적으로 'App bar' 이라는 툴을 제공한다. 여기에는 앱의 이름이 써 있을 수도 있고, 개발자가 원하는 기능을 추가하여 쓸 수도 있다.

 

아래 사진에서 위쪽에 보이는 보라색 바(DreamCatcher)라고 보이는 부분이 'App bar' 이다.

 

그렇다면 여기서 저 위의 바에 기능을 추가 할 순 없을까? 이 예제에서는 위의 바에 + 버튼을 추가하여 꿈의 목록을 추가하는 기능을 구현 해 보겠다!

 

앱 바의 오른쪽 상단 영역은 앱 바의 메뉴를 위해 원래부터 예약되어 있다. 이 메뉴는 작업 항목(가끔은 메뉴 항목으로도 불림)으로 구성되어 있으며, 현재 화면이나 전체 앱에 대해 작업을 수행할 수 있다. 새 작업 항목에는 레이블을 위한 문자열 자원이 필요하다. res/values/strings.xml을 열고 새 작업을 설명하는 문자열 레이블을 추가하자!

 

1. strings.xml 파일에 아래와 같이 추가한다.

<resources>
    ...
    <string name="crime_solved_label">Solved</string>
    <string name="new_crime">New Crime</string>
</resources>

 

 

2. '+' 아이콘을 추가 해 보자.

 

아이콘을 추가하기 위해 안드로이드에서 제공하는 Vector Asset Studio를 사용하겠다.

 

res 디렉토리를 선택 한 후,  바에서 File -> New -> Vector Asset을 선택하고

 

위와 같이 Clip art 옆 부분의 아이콘을 클릭 해 주면 아이콘을 검색할 수 있다. 우리는 꿈을 추가하는 기능을 구현 할 것이므로 '+' 아이콘을 찾고, 이름을 원하는 이름으로 바꿔준다. 여기서는 'add_dream'이라고 하면 된다.

 

이제 이에 대한 기능추가 내용은 길어지므로 다음 포스팅에서 얘기 하도록 하겠다.