【问题标题】:Navigation icon Too Large - How to resize it导航图标太大 - 如何调整它的大小
【发布时间】:2017-11-20 13:03:37
【问题描述】:

我在工具栏上添加了google的素材菜单图标作为通知图标,它显得太大了。我将如何调整它的大小,还是我做错了?

java:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    toolbar.setNavigationIcon(R.drawable.ic_menu_white_24dp);

}

工具栏的 XML:

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="#00BCD4"
    android:elevation="4dp"
    android:theme="@style/ToolBarStyle"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

</android.support.v7.widget.Toolbar>

最终外观(图标太大):

它的外观:

谢谢。如果您还有其他问题,请告诉我。

编辑:

感谢您指出存在默认图标。我通过创建图像资产来使用它,它的大小相同。对不起,我是一个绝对的菜鸟,可能有一种简单的方法可以解决这个问题。

【问题讨论】:

  • 为什么不用默认图标
  • 你实现了 ActionBarDrawerToggle 吗?如果是,它有默认图标不需要更改它(我的看起来不错)
  • 我还没有设置导航抽屉。也许这就是问题
  • 这就是问题所在!
  • 谢谢,我先做导航抽屉。我应该删除这篇文章吗?

标签: java android xml material-design navigation-drawer


【解决方案1】:

您不能从 XML 或 java 代码调整该图标的大小,您可以使用分辨率低的图标。您只需要使用汉堡图标,因此您可以从 Google 材料设计图标下载此图标,或者您可以由用户自行生成大小完美的 Android 工作室 从 Android Studio 生成图标 转到包文件夹右键单击,您可以在那里看到很多选项,您可以选择图像资产,您将弹出添加图标,所有材料设计图标都将在那里您可以根据需要自定义图标。

【讨论】:

    【解决方案2】:
    getSupportActionBar().setHomeButtonEnabled(true);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_hamburger);
    

    res/drawable/ic_hamburger.xml

    <vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="24dp"
        android:height="13dp"
        android:viewportWidth="40.0"
        android:viewportHeight="25.0">
        <path
            android:fillColor="#2DBC99"
            android:pathData="M38.5 2.999h-37a1.5 1.5 0 1 1 0-3h37a1.5 1.5 0 0 1 0 3zm-37 8h27a1.5 1.5 0 0 1 0 3.001h-27a1.5 1.5 0 0 1 0-3.001zm0 11h17a1.5 1.5 0 0 1 0 3h-17a1.5 1.5 0 1 1 0-3z" />
    </vector>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-01-19
      • 2023-03-29
      • 1970-01-01
      • 1970-01-01
      • 2013-02-04
      • 1970-01-01
      • 1970-01-01
      • 2017-02-21
      相关资源
      最近更新 更多