[Java][Android] Toolbar 사용해 상단바 만들기

안녕하세요

이번에는 안드로이드의 Toolbar 기능 사용해서 상단바를 간단하게 만들어보겠습니다.

 

전체 코드입니다

 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">

  <!-- Toolbar 설정 -->
  <androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@android:color/holo_purple"
    android:title="My Toolbar"
    android:titleTextColor="@android:color/white"/>

  <!-- 내용 표시 -->
  <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="내용"
    android:textSize="24sp"
    android:gravity="center"
    android:layout_marginTop="20dp"/>
</LinearLayout>

 

MainActivity.java

public class MainActivity extends AppCompatActivity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // Toolbar 설정
    Toolbar toolbar = findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
  }

  // 메뉴 XML 적용
  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.toolbar_menu, menu);
    return true;
  }

  // 메뉴 클릭 이벤트 처리
  @Override
  public boolean onOptionsItemSelected(MenuItem item) {
    if (item.getItemId() == R.id.menu_search) {
      Toast.makeText(this, "검색 버튼 클릭됨", Toast.LENGTH_SHORT).show();
    } else if (item.getItemId() == R.id.menu_settings) {
      Toast.makeText(this, "설정 버튼 클릭됨", Toast.LENGTH_SHORT).show();
    }
    return super.onOptionsItemSelected(item);
  }
}

 

 

그리고 res/menu 경로에 toolbar_menu.xml 을 추가해야합니다.

 

res/menu/toolbar_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
  <item
    android:id="@+id/menu_search"
    android:title="검색"
    android:icon="@android:drawable/ic_menu_search"
    />

  <item
    android:id="@+id/menu_settings"
    android:title="설정"
    android:icon="@android:drawable/ic_menu_preferences"
    />
</menu>

 

 

 

• setSupportActionBar(toolbar) → Toolbar를 앱의 ActionBar로 설정
• onCreateOptionsMenu() → 메뉴 XML(toolbar_menu.xml)을 적용
• onOptionsItemSelected() → 메뉴 버튼 클릭 이벤트 처리 (Toast 메시지 출력)

이렇게 툴바기능을 활용해 간단한 상단바를 만들어봤습니다.

버튼클릭이벤트에 원하는 기능을 넣어서 추가적으로 활용하시면 됩니다.

 

시연 영상입니다.