如何在顶部工具栏的购物车图标上添加物品编号? Android

问题描述:

我看到了一些应用程序。所以我很在意如何去做。我相信一定有一些技巧方法可以做到。示例:enter image description here如何在顶部工具栏的购物车图标上添加物品编号? Android

我在菜单文件中添加购物车图标。 `

<item 
    android:id="@+id/action_drawer_search" 
    android:orderInCategory="300" 
    android:title="Search" 
    android:icon="@drawable/ic_search_white_24dp" 
    app:showAsAction="ifRoom" 
    /> 
<item 
    android:id="@+id/action_drawer_cart" 
    android:orderInCategory="200" 
    android:title="Cart" 
    android:icon="@drawable/ic_shopping_cart_white_24dp" 
    app:showAsAction="ifRoom"/> 

`

enter image description here

+0

您可以在购物车图标顶部制作一个圆形'TextView',并通过对其应用'负边距',将其推到右上角。 –

+0

你可以自定义你的'工具栏' – Piyush

示例代码为我工作。

1:为您的徽章菜单项创建布局。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="48dp" 
android:layout_height="fill_parent" 
android:layout_gravity="right" > 

<!-- Menu Item Image --> 
<ImageView 
    android:layout_width="48dp" 
    android:layout_height="fill_parent" 
    android:clickable="true" 
    android:src="@drawable/bkg_actionbar_notify_off" /> 

<!-- Badge Count -->  
<TextView 
    android:id="@+id/actionbar_notifcation_textview" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:padding="@dimen/padding_small" 
    android:text="99" 
    android:textColor="@color/holo_orange_dark" /> 

</RelativeLayout> 

2:创建在res /菜单的菜单项和actionLayout设为您的布局

<menu xmlns:android="http://schemas.android.com/apk/res/android" > 
<item 
    android:id="@+id/badge" 
    android:actionLayout="@layout/actionbar_badge_layout" 
    android:icon="@drawable/icn_menu_posts" 
    android:showAsAction="always"> 
</item> 
</menu> 

3:然后在你的活动或片段的onCreateOptionsMenu你可以做这样的事情...

public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { 
inflater.inflate(R.menu.badge, menu); 
RelativeLayout badgeLayout = (RelativeLayout) menu.findItem(R.id.badge).getActionView(); 
TextView tv = (TextView) badgeLayout.findViewById(R.id.actionbar_notifcation_textview); 
tv.setText("12"); 
} 

注意:如果你想改变以后的徽章数量,你可以存储传递给onCreateOptionsMenu菜单对象的引用,并使用相同的代码来获得所需的视图和设置值。

=== ApCompat警告========================================= =========

如果使用AppCompatActivity那么你必须设置的actionView在格兰onCreateOptionsMenu

@Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
    getMenuInflater().inflate(R.menu.main_menu, menu); 
    MenuItem item = menu.findItem(R.id.badge); 
    MenuItemCompat.setActionView(item, R.layout.actionbar_badge_layout); 
    RelativeLayout notifCount = (RelativeLayout) MenuItemCompat.getActionView(item); 

TextView tv = (TextView) notifCount.findViewById(R.id.actionbar_notifcation_textview); 
tv.setText("12"); 

    return super.onCreateOptionsMenu(menu); 

要添加onClickListener覆盖onOptionsItemSelected功能。

@Override 
public boolean onOptionsItemSelected(MenuItem item) { 


    // Handle action bar item clicks here. The action bar will 
    // automatically handle clicks on the Home/Up button, so long 
    // as you specify a parent activity in AndroidManifest.xml. 
    int id = item.getItemId(); 
    if (id == R.id.your_badge_id_here) { 

     //do whatever you want to do here. 
     return true; 
    } 

    return super.onOptionsItemSelected(item); 
} 
+0

如何在其上设置onClickListener? – Eva

+0

@Eva你必须重写onOptionsItemSelected函数。我已经编辑了上面的答案。 –

+0

正在尝试此操作,但onOptionsItemSelected不会在单击项目时调用 –