将 TextView 添加到 Toolbar 的元素

Question

我制作了一个material设计工具栏。菜单项包括购物车。我想要一个数字与购物车图标一起显示，指示购物车中存在的商品数量。

toolbar.xml

 <?xml version="1.0" encoding="utf-8"?>
 <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
android:minHeight="?attr/actionBarSize"
android:theme="@style/ThemeOverlay.AppCompat.Light"
android:id="@+id/tool_bar"
android:elevation="6dp">

menu_cart.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/action_cart" android:icon="@drawable/bag"
    android:title="Cart"
    android:orderInCategory="100" app:showAsAction="always" />
    </menu>

textview 应该在购物车图标的顶部可见，也许会隐藏一点。不是作为购物车图标旁边的文本视图。

像这样 -

Answer 1

首先，请学习如何创建您自己的自定义工具栏。

搜索这样的主题：http://code.tutsplus.com/tutorials/getting-started-with-android-creating-a-customized-toolbar--cms-24223

然后你可以创建你的工具栏如下;-)

这是您想要的工具栏的示例

        <ImageView
            android:id="@+id/shopping_bag"
            android:layout_width="44dp"
            android:layout_height="44dp"
            android:src="@drawable/bag"
            android:layout_alignParentLeft="true"
            android:layout_centerInParent="true"></ImageView>

        <ImageView
            android:id="@+id/arrow"
            android:layout_width="48dp"
            android:layout_height="wrap_content"
            android:src="@drawable/usability_bidirectionality_guidelines_when3"
            android:layout_alignParentRight="true"></ImageView>

        <ImageView
            android:id="@+id/number"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:src="@drawable/one"
            android:layout_alignTop="@+id/shopping_bag"
            android:layout_alignRight="@+id/shopping_bag"/>

    </RelativeLayout>

看起来像：

要获得更好的外观，请查找 Material 受设计启发的图标。

希望对您有所帮助

将 TextView 添加到 Toolbar 的元素

Add a TextView to the elements of a Toolbar

java

android

textview

material-design

android-toolbar