工具栏中的材料“关闭”按钮，而不是“上一步”

我已经在Google的Inbox App中看到了，它在工具栏中而不是“后退”按钮（箭头）中编写了一封新电子邮件，它具有“关闭”按钮（参见图片）。

我该如何实现？

使用  

this.getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_action_close);

为了达成这个。

您可以创建自己的关闭图标，也可以从GitHub上的材料设计图标集获取。另外，在此行的上方添加此行以使关闭功能作为后退箭头。

this.getSupportActionBar().setDisplayHomeAsUpEnabled(true);

您需要在清单中定义一个父项，然后使用支持应用程序栏重写onSupportNavigationUp（）。另外，请访问以下方便的网站以获取图标包：https : //www.google.com/design/icons/

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.yourAwesomeLayout);

    setupToolBar();    
}

private void setupToolBar() {
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

    if (toolbar == null) return;

    setSupportActionBar(toolbar);

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_close_white_24dp);
}

@Override
public boolean onSupportNavigateUp() {
    finish(); // close this activity as oppose to navigating up

    return false;
}

抱歉回复晚了。我为您找到了最简单的解决方案。首先，这里的答案对我不起作用（because i want to use toolbar not actionBar due to theming）。因此，请尝试通过xml布局添加关闭按钮。而且有效。

这是一种向工具栏（v7）添加关闭按钮的xml语法。

app:navigationIcon="@drawable/ic_close_black_24dp"

Ans这是输出图像

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setTitle("Search");
toolbar.setNavigationIcon(R.drawable.abc_ic_clear_mtrl_alpha);
setSupportActionBar(toolbar);

在清单中定义父活动的另一种方法是处理在onOptionsItemSelected方法中采取的操作，如本例所示：

 @Override
public boolean onOptionsItemSelected(MenuItem item){
    switch (item.getItemId()) {
        // Respond to the action bar's Up/Home/back button
        case android.R.id.home:
            finish();
            break;
    }
    return super.onOptionsItemSelected(item);
}

您可以定义样式：

<style name="Theme.Toolbar.Clear">
    <item name="toolbarNavigationIcon">@drawable/abc_ic_clear_mtrl_alpha</item>
</style>

并在您的主题中使用它：

<style name="Theme.Clear">
    <item name="toolbarTheme">@style/Theme.Toolbar.Clear</item>
</style>