在Xamarin中添加android标准图标的最佳方法

时间:2016-04-27 06:59:29

标签: android xamarin icons material-design toolbar

我正在使用" android.support.v7.widget.Toolbar"的工具栏。

在您的Android应用程序中添加(标准)图标的最佳方法是什么?

我做了什么......

  • 我从这个网站下载了图标(24dp,白色):https://design.google.com/icons/
  • 解压缩zip文件&将每个图标放入应用程序中的指定文件夹(hdpi,mdpi,xhdpi,xxhdpi,xxxhdpi)
  • 我将mdpi图标添加到文件夹(Resources / Drawable)

现在我在布局中引用图标,如:

android:icon="@drawable/ic_search_white_24dp"

但我的图标有点模糊。 我做错了什么?

Picture of the blury image (search icon)

工具栏

<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:elevation="4dp"
    local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    local:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

我将链接到图标的搜索结果

<menu
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        tools:context=".MainActivity">
  <item
      android:id="@+id/action_search"
      android:orderInCategory="200"
      android:title="Zoeken"
      android:icon="@drawable/ic_search_white_24dp"
      app:showAsAction="ifRoom|collapseActionView"
      app:actionViewClass="android.support.v7.widget.SearchView"
      android:inputType="textCapCharacters"/>
</menu>

1 个答案:

答案 0 :(得分:2)

通常我会将36dp图片用作toolbar中的图标。您可以从Material Design Icons底部的下拉列表中下载36 dp变体。您可以下载并在菜单中替换为

<menu
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">
<item
  android:id="@+id/action_search"
  android:orderInCategory="200"
  android:title="Zoeken"
  android:icon="@drawable/ic_search_white_36dp"
  app:showAsAction="ifRoom|collapseActionView"
  app:actionViewClass="android.support.v7.widget.SearchView"
  android:inputType="textCapCharacters"/>
</menu>

您还可以在工具栏中添加其他自定义图标(为清晰起见,36 dp图标),如下所示

 <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@android:color/transparent"
            android:minHeight="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
            <Button
                android:id="@+id/editButton"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_gravity="right"
                android:background="@drawable/ic_edit_white_36dp"
                android:layout_marginRight="16dp"
                android:visibility="gone" />
        </android.support.v7.widget.Toolbar>