私はこのようなものが欲しい:
3番目のアイコンは通知用で、現在は単なるpng画像です。テキスト/番号、つまり03をプログラムで変更して、実際の通知数を表示できるように、何かを行うことは可能ですか?.
ありがとうございました
ここに私のために働いたいくつかのサンプルコードがあります。
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/menuにメニュー項目を作成し、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に渡されるMenuオブジェクトへの参照を保存し、同じコードを使用して必要なビューを取得して値を設定できます。
=== ApCompat警告============================================ =====
AppCompatActivityを使用する場合は、onCreateOptionsMenu
でactionViewを設定する必要があります
@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);
1つのオプションは、このための独自のアクションビューを作成することです。 XMLでAndroid:actionLayout
を使用し、Javaでインフレーション後、それを操作するためにgetActionView()
を使用します。アクションビューはImageView
(アイコン用)および...バッジの何か。テキストを介してそのバッジを作成しようとするのは困難であり、アイコンの上部にレイヤー画像を重ねると、バッジ画像のセットを提供した方がよいでしょう。たとえば、RelativeLayout
またはFrameLayout
を介して、またはLayerListDrawable
でアイコンをラップします。
別のオプションは、実行時に選択する、おそらくLevelListDrawable
でラップされたNバージョンのアイコン+バッジを持つことです。
Domji84の回答にいくつかの変更を加える必要がありました。何らかの理由で、imageviewのクリックがclickイベントを呼び出していなかったため、clicklabe = "true"を画像ビューから削除した後に検索が機能します。
menu_item_cart.xml
<!-- Menu Item Image -->
<ImageView
Android:layout_width="30dp"
Android:layout_height="wrap_content"
Android:src="@mipmap/ic_launcher" />
<!-- Badge Count -->
<TextView
Android:id="@+id/cartCountTextView"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:layout_alignParentRight="true"
Android:padding="5dp"
Android:layout_marginTop="5dp"
Android:text="99"
Android:textColor="@Android:color/white"
Android:textStyle="bold"/>
</RelativeLayout>
menu_main.xml
<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_settings"
Android:title="@string/action_settings"
Android:orderInCategory="100"
app:showAsAction="never" />
<item
Android:id="@+id/action_cart"
Android:title="test"
app:actionLayout="@layout/menu_item_cart_count"
app:showAsAction="always">
</item>
</menu>
アクティビティコード
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
menu.findItem(R.id.action_cart).getActionView().setOnClickListener(this);
return true;
}
ここでは、デフォルトのアクションバーでカスタムアクションバーを使用できます...最初にxmlまたはJavaでレイアウトを準備します。次に、表示マトリックスを使用してウィンドウマネージャーを取得します。その後、レイアウトを膨張させます。このような
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
ActionBar ab = getSupportActionBar();
View mactionbar = getLayoutInflater().inflate(R.layout.main2, null);