如何在顶部工具栏的购物车图标上添加物品编号? Android
我看到了一些应用程序。所以我很在意如何去做。我相信一定有一些技巧方法可以做到。示例:如何在顶部工具栏的购物车图标上添加物品编号? 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"/>
`
示例代码为我工作。
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);
}
如何在其上设置onClickListener? – Eva
@Eva你必须重写onOptionsItemSelected函数。我已经编辑了上面的答案。 –
正在尝试此操作,但onOptionsItemSelected不会在单击项目时调用 –
您可以在购物车图标顶部制作一个圆形'TextView',并通过对其应用'负边距',将其推到右上角。 –
你可以自定义你的'工具栏' – Piyush