Android 기본사항: 툴바 사용

Toolbar는 Android 5.0에서 출시되었으며 ActionBar 컨트롤을 대체하는 데 사용됩니다. 고도로 맞춤화되고 유연하게 사용할 수 있습니다. 공식 ToolBar는 5.0 이상의 시스템에서 사용해야 합니다. 지원 v7 패키지의 툴바를 사용해야 합니다.

다음은 공식 홈페이지의 툴바 소개입니다.

Toolbar 
extends ViewGroup 
java.lang.Object 
   ↳    android.view.View 
       ↳    android.view.ViewGroup 
           ↳    android.support.v7.widget.Toolbar

사용 전제 조건

툴바를 사용하려면 , 액티비티의 ActionBar를 숨겨야 합니다. 그러면 어떻게 숨길 수 있나요?

방법 1은 다음과 같습니다.

수정

<style name="AppTheme.Base" parent="Theme.AppCompat"> 
 <item name="windowActionBar">false</item> 
 <item name="android:windowNoTitle">true</item> 
</style>

res/values/styles.xml 파일에도 있습니다. ActionBar 없이 테마를 직접 사용할 수 있습니다.

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

방법 2:

매니페스트 파일에서 액티비티 테마를 수정하고, 아래와 같이:

<activity android:name="MainActivity" 
           android:theme="@style/Theme.AppCompat.Light.NoActionBar"> 
</activity>

방법 3:

setContentView 이전 코드에서 직접 취소합니다.

requestWindowFeature(Window.FEATURE_NO_TITLE); 
       setContentView(R.layout.activity_main); 
       //supportRequestWindowFeature(Window.FEATURE_NO_TITLE);  在AppCompatActivity中

사용방법

레이아웃 파일에 다음 코드를 추가합니다. 위치는 고정되어 있지 않습니다.

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="?android:attr/actionBarSize" 
    android:background="?attr/colorPrimaryDark" 
    app:title="Title" 
    app:titleTextColor="#222222" 
    app:logo="@mipmap/ic_launcher" 
    app:subtitle="subtitle"></android.support.v7.widget.Toolbar>

title은 제목을 설정하는 데 사용됩니다. titleTextColor는 제목 글꼴 색상을 설정하는 데 사용됩니다. 효과는 다음과 같습니다.

이러한 값은 Java 코드에서 동적으로 설정할 수도 있습니다.

mToolbar.setTitle("JavaTitle"); 
       mToolbar.setSubtitle("JavaSubTitle"); 
       mToolbar.setLogo(R.mipmap.ic_launcher); 
       mToolbar.setNavigationIcon(android.R.drawable.ic_input_delete); 
       mToolbar.setOverflowIcon(ContextCompat.getDrawable(this, android.R.drawable.ic_menu_more)); 
/        setActionBar(mToolbar);  //activity中 
       setSupportActionBar(mToolbar);   //AppCompatActivity中

메뉴 추가

메뉴를 추가하려면 먼저 메뉴가 있어야 합니다. 여기서는 메뉴 파일을 정의하기 위해 res/menu/에 main.xml을 생성하도록 선택했습니다. 다음과 같습니다

<?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/add" 
        android:icon="@android:drawable/ic_menu_add" 
        android:title="Add" 
        app:showAsAction="never|withText"/> 
    <item 
        android:id="@+id/delete" 
        android:icon="@android:drawable/ic_menu_delete" 
        android:title="Delete" 
        app:showAsAction="never|withText"/> 
    <item 
        android:id="@+id/edit" 
        android:icon="@android:drawable/ic_menu_edit" 
        android:title="Edit" 
        app:showAsAction="never|withText"/> 
    <item 
        android:id="@+id/email" 
        android:icon="@android:drawable/sym_action_email" 
        android:title="Email" 
        app:showAsAction="never|withText"/> 
 
</menu>

다음은 java 파일에 포함된 코드입니다.

@Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
        getMenuInflater().inflate(R.menu.main, menu); 
        return true; 
    } 
 
    @Override 
    public boolean onOptionsItemSelected(MenuItem item) { 
        switch (item.getItemId()) { 
            case android.R.id.home:  
                Toast.makeText(MainActivity.this, "您点击了NavigationIcon", Toast.LENGTH_SHORT).show(); 
                break; 
            case R.id.add: 
                Toast.makeText(MainActivity.this, "Add", Toast.LENGTH_SHORT).show(); 
                break; 
            case R.id.delete: 
                Toast.makeText(MainActivity.this, "Delete", Toast.LENGTH_SHORT).show(); 
                break; 
            case R.id.edit: 
                Toast.makeText(MainActivity.this, "Edit", Toast.LENGTH_SHORT).show(); 
                break; 
            case R.id.email: 
                Toast.makeText(MainActivity.this, "Email", Toast.LENGTH_SHORT).show(); 
                break; 
        } 
        return true; 
    }

메뉴에 아이콘 표시

이 글을 작성하고 나면 숨겨진 메뉴에 아이콘이 표시되지 않는 것을 발견하게 됩니다. 설정하려면:

메서드를 다시 실행하면 됩니다. 여기서 활동은 AppCompatActivity

@Override 
   protected boolean onPrepareOptionsPanel(View view, Menu menu) { 
       if (menu != null) { 
           if (menu.getClass() == MenuBuilder.class) { 
               try { 
                   Method m = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE); 
                   m.setAccessible(true); 
                   m.invoke(menu, true); 
               } catch (Exception e) { 
                   Log.i("tag", "onPrepareOptionsPanel: " + 
                           getClass().getSimpleName() + 
                           "onMenuOpened...unable to set icons for overflow menu" 
                           + e); 
               } 
           } 
       } 
       return super.onPrepareOptionsPanel(view, menu); 
   }

효과는 다음과 같습니다.