본문 바로가기
MOBILE/Android

안드로이드 ToolBar 사용하는 방법

by 지구 2018. 8. 1.

요즘 android 에선 ActionBar 보다 ToolBar 를 사용하는 추세다.

액션바보다 툴바가 훨씬 자유롭게 커스텀마이징을 할 수 있기 때문인데,

그 툴바를 사용하는 방법에 대해 알아보자.



1. value > styles.xml 에서 AppTheme 를 NoActionBar 로 변경 ( 액션바를 쓰지 않을거기 때문에 )

1
2
<!--<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">-->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
cs


2. layout 에 toolbar.xml 생성 ( 재사용성을 위해 toolbar.xml 을 생성하고 include 할 예정 )

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
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorToolbar"
        android:elevation="4dp"
        android:theme="@style/ThemeOverlay.AppCompat.ActionBar">
 
        <TextView
            android:id="@+id/toolbar_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="APP NAME"
            android:textColor="#ffffff"
            android:textSize="20sp" />
    </android.support.v7.widget.Toolbar>
 
</android.support.constraint.ConstraintLayout>
cs


3. layout > activity_main.xml 에 toolbar.xml 을 include

1
2
3
4
<include
    layout="@layout/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
cs


4. MainActivity 에서 툴바 선언

1
2
3
4
5
6
7
8
9
Toolbar toolbar = (Toolbar)findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
 
//커스터마이징 하기 위해 필요
ActionBar actionBar = getSupportActionBar();
actionBar.setDisplayShowCustomEnabled(true);
actionBar.setDisplayShowTitleEnabled(false);
actionBar.setDisplayHomeAsUpEnabled(true); // 뒤로가기 버튼, 디폴트로 true만 해도 백버튼이 생김
//actionBar.setHomeAsUpIndicator(R.drawable.button_back); //뒤로가기 버튼을 본인이 만든 아이콘으로 하기 위해 필요
cs


반응형

댓글