材料メトリクスを使ったアンドロイドツールバーを作成する

Question

私のアプリでGmailアプリケーションのようなツールバーを作成したいと思います。 https://www.google.com/design/spec/layout/structure.html#structure-app-bar

これは、ナビゲーションアイコンの左側に16dpのスペースがあり、タイトルの前に72dpのスペースがある必要があることを示しています。

現在のところ、それは次のようになります。

ツールバーのxml：私のstyles.xmlで

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/material_toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/action_bar_bg" 
    android:minHeight="?attr/actionBarSize" /> 

：

<style name="DefaultTheme.Toolbar"> 
    <item name="windowNoTitle">true</item> 
    <item name="windowActionBar">false</item> 
    <item name="windowActionBarOverlay">true</item> 
    <item name="android:windowTranslucentStatus">true</item> 
</style> 

Answer 1

使お枚この：

<android.support.v7.widget.Toolbar 
    android:id="@+id/my_toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="?attr/colorPrimary" 
    android:minHeight="?attr/actionBarSize"> 

が

getSupportActionBar().setTitle(title); 

ガイドラインを使用して、あなたのタイトルを設定してこう述べています。

アイコン：両方の24dp

タッチ対象：48dp

あなたのメニュー項目によって48dpx48dp寸法を持っていますデフォルト。アイコンのサイズは24 dpでなければなりません。 （xxhdpi 72 pxなどの場合）

これだけ簡単です。あなたはもっと何もする必要はありません。これらを使って、私のアプリはFeatured App Reviewを通過しました。

あなたのタイトルに左パディングを追加したい場合は、あなたがそのように行うことができます。

<android.support.v7.widget.Toolbar 
    android:id="@+id/my_toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="?attr/colorPrimary" 
    android:minHeight="?attr/actionBarSize" 
    app:contentInsetLeft="72dp" 
    app:contentInsetStart="72dp"> 

それは72dpを行う必要があります。