Googleのようなアクションバー通知カウントアイコン(バッジ)


146

Googleの例のようにカウントするアクションバー通知アイコンを表示するAndroid標準バッジまたはメソッドはありますか?

写真のカウント3

そうでない場合、それを作るための最良の方法は何ですか?
私はAndroidを初めて使います。助けてください。


完全な通知アイコンの実装にリンクするように回答を更新しました。
pqn 2013

回答:


228

これが最善の解決策であるかどうかはわかりませんが、それが必要です。

パフォーマンスや品質を向上させるために何を変更する必要があるかを知っているかどうか教えてください。私の場合、ボタンがあります。

メニューのカスタムアイテム-main.xml

<item
    android:id="@+id/badge"
    android:actionLayout="@layout/feed_update_count"
    android:icon="@drawable/shape_notification"
    android:showAsAction="always">
</item>

カスタム形状ドローアブル(背景の正方形)-shape_notification.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle">
    <stroke android:color="#22000000" android:width="2dp"/>
    <corners android:radius="5dp" />
    <solid android:color="#CC0001"/>
</shape>

私のビューのレイアウト-feed_update_count.xml

<?xml version="1.0" encoding="utf-8"?>
<Button xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/notif_count"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:minWidth="32dp"
     android:minHeight="32dp"
     android:background="@drawable/shape_notification"
     android:text="0"
     android:textSize="16sp"
     android:textColor="@android:color/white"
     android:gravity="center"
     android:padding="2dp"
     android:singleLine="true">    
</Button>

MainActivity-ビューの設定と更新

static Button notifCount;
static int mNotifCount = 0;    

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getSupportMenuInflater();
    inflater.inflate(R.menu.main, menu);

    View count = menu.findItem(R.id.badge).getActionView();
    notifCount = (Button) count.findViewById(R.id.notif_count);
    notifCount.setText(String.valueOf(mNotifCount));
    return super.onCreateOptionsMenu(menu);
}

private void setNotifCount(int count){
    mNotifCount = count;
    invalidateOptionsMenu();
}

53
それは素晴らしい !あなたがAPPCOMPATを使用している場合しかし、あなたはコードでActionLayoutを設定する必要がありますMenuItem item = menu.findItem(R.id.badge); MenuItemCompat.setActionView(item, R.layout.feed_update_count); notifCount = (Button) MenuItemCompat.getActionView(item);
Sylphe

7
11未満のAPIレベルをターゲットにする場合は、invalidateOptionsMenu()の代わりにsupportInvalidateOptionsMenu()を使用する必要があります
Balaji

10
+1はとても役に立ちました!ただしandroid:icon="..."、メニュー項目のXML は必要ありません。android:actionLayout="..."、十分にあります。以下のためにButtonレイアウトXMLで、あなたができる自己終了タグを使用し<Button ... />たタグがコンテンツを持つことはできませんので。<shape>タグを閉じる必要があります(これも自動終了です)。そして、あなたは必要ありませんinvalidateOptionsMenu()。私にとっては、バッジは常にXMLから再び膨らまされるため、それでもうまくいきません。だから、全体setNotifCount(...)は役に立たない。setText(...)バッジを呼んでください。そしてgetActionView()Button直接キャストできます。
2014年

4
あなたがAPPCOMPATを使用する場合も、あなたはバッジXMLメニュー変更する必要があります。<:アンドロイド= "メニューのxmlns schemas.android.com/apk/res/android "のxmlnsを:APPCOMPAT =" schemas.android.com/apk/res-auto "> <item android:id = "@ + id / badge" android:actionLayout = "@ layout / feed_update_count" android:icon = "@ drawable / shape_notification" appcompat:showAsAction = "always" /> </ item> </ menu>
ajdeguzman 14年

4
@Webster notifCount.setOnClickListener(...); それがすべてです
AndrewS 2014年

132

編集サポートライブラリのバージョン26(またはandroidx)以降OnLongClickListener、ツールチップを表示するためのカスタムを実装する必要がなくなりました。単にこれを呼び出す:

TooltipCompat.setTooltipText(menu_hotlist, getString(R.string.hint_show_hot_message));

誰かがこのようなものを望んでいる場合に備えて、コードを共有します: ここに画像の説明を入力してください

  • layout / menu / menu_actionbar.xml

    <?xml version="1.0" encoding="utf-8"?>
    
    <menu xmlns:android="http://schemas.android.com/apk/res/android">
        ...
        <item android:id="@+id/menu_hotlist"
            android:actionLayout="@layout/action_bar_notifitcation_icon"
            android:showAsAction="always"
            android:icon="@drawable/ic_bell"
            android:title="@string/hotlist" />
        ...
    </menu>
    
  • layout / action_bar_notifitcation_icon.xml

    スタイルandroid:clickableプロパティに注意してください。これらは、レイアウトをボタンのサイズにし、タッチすると背景を灰色にします。

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:layout_gravity="center"
        android:clickable="true"
        style="@android:style/Widget.ActionButton">
    
        <ImageView
            android:id="@+id/hotlist_bell"
            android:src="@drawable/ic_bell"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_margin="0dp"
            android:contentDescription="bell"
            />
    
        <TextView xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/hotlist_hot"
            android:layout_width="wrap_content"
            android:minWidth="17sp"
            android:textSize="12sp"
            android:textColor="#ffffffff"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@null"
            android:layout_alignTop="@id/hotlist_bell"
            android:layout_alignRight="@id/hotlist_bell"
            android:layout_marginRight="0dp"
            android:layout_marginTop="3dp"
            android:paddingBottom="1dp"
            android:paddingRight="4dp"
            android:paddingLeft="4dp"
            android:background="@drawable/rounded_square"/>
    </RelativeLayout>
    
  • drawable-xhdpi / ic_bell.png

    すべての側面から10ピクセル幅のパディングがある64x64ピクセルの画像。あなたは8ピクセル幅のパディングを持っているはずですが、私はほとんどのデフォルトのアイテムがそれよりわずかに小さいのを見つけます。もちろん、密度ごとに異なるサイズを使用する必要があります。

  • drawable / rounded_square.xml

    ここで、#ff222222(カラー#222222とアルファ#ff(完全に表示))は、私のアクションバーの背景色です。

    <?xml version="1.0" encoding="utf-8"?>
    
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <corners android:radius="2dp" />
        <solid android:color="#ffff0000" />
        <stroke android:color="#ff222222" android:width="2dp"/>
    </shape>
    
  • com / ubergeek42 / WeechatAndroid / WeechatActivity.java

    ここでは、クリック可能で更新可能にしています!onLongClickでToastを作成する抽象リスナーを作成しました。コードはActionBarSherlockのソースから取得されまし

    private int hot_number = 0;
    private TextView ui_hot = null;
    
    @Override public boolean onCreateOptionsMenu(final Menu menu) {
        MenuInflater menuInflater = getSupportMenuInflater();
        menuInflater.inflate(R.menu.menu_actionbar, menu);
        final View menu_hotlist = menu.findItem(R.id.menu_hotlist).getActionView();
        ui_hot = (TextView) menu_hotlist.findViewById(R.id.hotlist_hot);
        updateHotCount(hot_number);
        new MyMenuItemStuffListener(menu_hotlist, "Show hot message") {
            @Override
            public void onClick(View v) {
                onHotlistSelected();
            }
        };
        return super.onCreateOptionsMenu(menu);
    }
    
    // call the updating code on the main thread,
    // so we can call this asynchronously
    public void updateHotCount(final int new_hot_number) {
        hot_number = new_hot_number;
        if (ui_hot == null) return;
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                if (new_hot_number == 0)
                    ui_hot.setVisibility(View.INVISIBLE);
                else {
                    ui_hot.setVisibility(View.VISIBLE);
                    ui_hot.setText(Integer.toString(new_hot_number));
                }
            }
        });
    }
    
    static abstract class MyMenuItemStuffListener implements View.OnClickListener, View.OnLongClickListener {
        private String hint;
        private View view;
    
        MyMenuItemStuffListener(View view, String hint) {
            this.view = view;
            this.hint = hint;
            view.setOnClickListener(this);
            view.setOnLongClickListener(this);
        }
    
        @Override abstract public void onClick(View v);
    
        @Override public boolean onLongClick(View v) {
            final int[] screenPos = new int[2];
            final Rect displayFrame = new Rect();
            view.getLocationOnScreen(screenPos);
            view.getWindowVisibleDisplayFrame(displayFrame);
            final Context context = view.getContext();
            final int width = view.getWidth();
            final int height = view.getHeight();
            final int midy = screenPos[1] + height / 2;
            final int screenWidth = context.getResources().getDisplayMetrics().widthPixels;
            Toast cheatSheet = Toast.makeText(context, hint, Toast.LENGTH_SHORT);
            if (midy < displayFrame.height()) {
                cheatSheet.setGravity(Gravity.TOP | Gravity.RIGHT,
                        screenWidth - screenPos[0] - width / 2, height);
            } else {
                cheatSheet.setGravity(Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, height);
            }
            cheatSheet.show();
            return true;
        }
    }
    

14
非常に便利で説明的です。ありがとう!それが本当に必要なことです。役に立つかもしれないいくつかのトピックを追加するだけです。互換性の問題のために代わりに使用する必要がapp:actionLayout="@layout/action_bar_notifitcation_icon"あるandroid:actionLayout="@layout/action_bar_notifitcation_icon"場合は、代わりに置く必要があります。APIレベル<11と互換性がありませんMenuItemCompat.getActionViewmenu.findItem(R.id.menu_hotlist).getActionView();MenuItem.getActionView
Reaz Murshed

スタイルとandroid:clickableプロパティに注意してください。これらにより、レイアウトがボタンのサイズになり、選択した背景にタッチすると色が付きます。非常に便利!
David

2
それは魅力のように機能します。tnx bro。しかし、私の場合、私は、デフォルトのツールバーを使用して、私は「アプリ:actionLayout =」使用する必要があります。@レイアウト/ action_bar_notifitcation_icon」の代わりにまたは私は常にnullを取得TNX再び
オミドHeshmatinia

3
ヒントとして、Androidには通知用のドローアブルがあります。だから、代わりにカスタムシェイプを作成するには、@androidへのTextViewの背景を設定することができます。描画可能/ ic_notification_overlay」
androidevil

2
ネイティブ:android:actionLayout; AppCompat:app:actionLayoutメニュー項目内。
Benoit Duffez 2017年

61

追加するだけです。誰かが塗りつぶされた円のバブルを実装したい場合は、コードをここに示します(名前を付けますbage_circle.xml):

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:useLevel="false"
    android:thickness="9dp"
    android:innerRadius="0dp"
    >

    <solid
        android:color="#F00"
        />
    <stroke
        android:width="1dip"
        android:color="#FFF" />

    <padding
        android:top="2dp"
        android:bottom="2dp"/>

</shape>

必要に応じて、厚みを調整する必要があります。

ここに画像の説明を入力してください

編集: ボタンのレイアウトは次のとおりです(名前を付けますbadge_layout.xml):

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <com.joanzapata.iconify.widget.IconButton
        android:layout_width="44dp"
        android:layout_height="44dp"
        android:textSize="24sp"
        android:textColor="@color/white"
        android:background="@drawable/action_bar_icon_bg"
        android:id="@+id/badge_icon_button"/>

    <TextView
        android:id="@+id/badge_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/badge_icon_button"
        android:layout_alignRight="@id/badge_icon_button"
        android:layout_alignEnd="@id/badge_icon_button"
        android:text="10"
        android:paddingEnd="8dp"
        android:paddingRight="8dp"
        android:paddingLeft="8dp"
        android:gravity="center"
        android:textColor="#FFF"
        android:textSize="11sp"
        android:background="@drawable/badge_circle"/>
</RelativeLayout>

メニューでアイテムを作成します。

<item
        android:id="@+id/menu_messages"
        android:showAsAction="always"
        android:actionLayout="@layout/badge_layout"/>

onCreateOptionsMenuメニュー項目にGET参照:

    itemMessages = menu.findItem(R.id.menu_messages);

    badgeLayout = (RelativeLayout) itemMessages.getActionView();
    itemMessagesBadgeTextView = (TextView) badgeLayout.findViewById(R.id.badge_textView);
    itemMessagesBadgeTextView.setVisibility(View.GONE); // initially hidden

    iconButtonMessages = (IconButton) badgeLayout.findViewById(R.id.badge_icon_button);
    iconButtonMessages.setText("{fa-envelope}");
    iconButtonMessages.setTextColor(getResources().getColor(R.color.action_bar_icon_color_disabled));

    iconButtonMessages.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            if (HJSession.getSession().getSessionId() != null) {

                Intent intent = new Intent(getThis(), HJActivityMessagesContexts.class);
                startActivityForResult(intent, HJRequestCodes.kHJRequestCodeActivityMessages.ordinal());
            } else {
                showLoginActivity();
            }
        }
    });

メッセージの通知を受け取ったら、カウントを設定します。

itemMessagesBadgeTextView.setText("" + count);
itemMessagesBadgeTextView.setVisibility(View.VISIBLE);
iconButtonMessages.setTextColor(getResources().getColor(R.color.white));

このコードはIconify-fontawesomeを使用しています。

compile 'com.joanzapata.iconify:android-iconify-fontawesome:2.1.+'

10
上記のアクションバーのコードを入力してください。それはかなりよさそうだ。
Nitesh Kumar 14

もう少し詳しく説明してもらえますか?いくつかのコードは非常に便利です
Joaquin Iurchuk

@NiteshKhatriコードを提供するのが遅いので申し訳ありません。簡単だと思いました。しかし、あなたはあなたのコメントに対して非常に多くの賛成票を獲得しました。
Abdullah Umer 2016年

1
iconifyは素晴らしいライブラリです!
djdance

非常に良いですが、数字のテキストがラウンドの中央(半径)の左側に表示されています。解決方法
Farruh Habibullaev 2017

29

ActionViewベースのソリューションは好きではありません。私の考えは次のとおりです。

  1. でレイアウトを作成しますTextView。これTextViewはアプリケーションによって入力されます
  2. あなたが描く必要があるときMenuItem

    2.1。膨張レイアウト

    2.2。呼び出しmeasure()layout()(それ以外の場合viewは0px x 0pxとなり、ほとんどのユースケースには小さすぎます)

    2.3。TextViewのテキストを設定する

    2.4。ビューの「スクリーンショット」を作成する

    2.6。MenuItem2.4で作成されたビットマップに基づいてアイコンを設定する

  3. 利益!

したがって、結果は次のようになります ここに画像の説明を入力してください

  1. ここでレイアウトを作成するのは簡単な例です
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/counterPanel"
    android:layout_width="32dp"
    android:layout_height="32dp"
    android:background="@drawable/ic_menu_gallery">
    <RelativeLayout
        android:id="@+id/counterValuePanel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/counterBackground"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/unread_background" />

        <TextView
            android:id="@+id/count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1"
            android:textSize="8sp"
            android:layout_centerInParent="true"
            android:textColor="#FFFFFF" />
    </RelativeLayout>
</FrameLayout>

@drawable/unread_backgroundTextViewの背景は、 @drawable/ic_menu_galleryここでは実際には必要ありません。レイアウトの結果をIDEでプレビューするためだけです。

  1. onCreateOptionsMenu/ にコードを追加するonPrepareOptionsMenu

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
    
        MenuItem menuItem = menu.findItem(R.id.testAction);
        menuItem.setIcon(buildCounterDrawable(count, R.drawable.ic_menu_gallery));
    
        return true;
    }
  2. build-the-iconメソッドを実装します。

    private Drawable buildCounterDrawable(int count, int backgroundImageId) {
        LayoutInflater inflater = LayoutInflater.from(this);
        View view = inflater.inflate(R.layout.counter_menuitem_layout, null);
        view.setBackgroundResource(backgroundImageId);
    
        if (count == 0) {
            View counterTextPanel = view.findViewById(R.id.counterValuePanel);
            counterTextPanel.setVisibility(View.GONE);
        } else {
            TextView textView = (TextView) view.findViewById(R.id.count);
            textView.setText("" + count);
        }
    
        view.measure(
                View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
                View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
        view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
    
        view.setDrawingCacheEnabled(true);
        view.setDrawingCacheQuality(View.DRAWING_CACHE_QUALITY_HIGH);
        Bitmap bitmap = Bitmap.createBitmap(view.getDrawingCache());
        view.setDrawingCacheEnabled(false);
    
        return new BitmapDrawable(getResources(), bitmap);
    }

完全なコードはここにあります:https : //github.com/cvoronin/ActionBarMenuItemCounter


1
camelCaseCoder:カウンターイメージの場所を右上に変更する場合、たとえば、android:layout_gravity = "top | right"をcounterValuePanelのレイアウトプロパティに追加できます
cVoronin '12

actionviewベースのソリューションを好まない理由を知ることは役に立ちます。それは複雑さですか、それともパフォーマンスですか?
アディ、

26

OK、@ AndrewSソリューションがv7 appCompatライブラリで動作するように

<menu 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:someNamespace="http://schemas.android.com/apk/res-auto" >

    <item
        android:id="@+id/saved_badge"
        someNamespace:showAsAction="always"
        android:icon="@drawable/shape_notification" />

</menu>

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    super.onCreateOptionsMenu(menu, inflater);
    menu.clear();
    inflater.inflate(R.menu.main, menu);

    MenuItem item = menu.findItem(R.id.saved_badge);
    MenuItemCompat.setActionView(item, R.layout.feed_update_count);
    View view = MenuItemCompat.getActionView(item);
    notifCount = (Button)view.findViewById(R.id.notif_count);
    notifCount.setText(String.valueOf(mNotifCount));
}

private void setNotifCount(int count){
    mNotifCount = count;
    supportInvalidateOptionsMenu();
}

残りのコードは同じです。


7
あなたがのxmlnsを使用している場合:アプリ= " schemas.android.com/apk/res-autoを "使用アプリ、あなたのxmlレイアウトで:actionLayout =" @レイアウト/ shoppingcar_icon"の代わりにアンドロイドの:actionLayout = "@レイアウト/ shoppingcar_icon"
オスカーカルデロン

3
@OscarCalderon、それは本当です。私が変更された後、私は、NPEを取得しています前android:actionLayoutapp:actionLayout、それが魅力のようにworkes。
Shashanth 2016年

3

これらの質問への回答、特にサンプルコードがある2番目の質問の回答を見てください。

Androidのメニュー項目に動的な値を実装する方法

ActionBarアイコンのテキストを取得する方法は?

私が見るところから、独自のカスタムActionView実装を作成する必要があります。代替はカスタムかもしれませんDrawable。アクションバーの通知カウントのネイティブ実装がないように見えることに注意してください。

EDIT:あなたが探していた答え、コード付き:カスタム通知ビューサンプル実装


返信用のtnxですが、最初のリンクのようなアイコンではなく、番号を表示する方法がわかりません。これを手伝ってくれる?
AndrewS 2013

他のリンクを読みましたか?彼らはいくつかのオプションを提供しています。また、あなたはテキストを置くことができDrawable、次の二つのリンクで見られるように、S:stackoverflow.com/questions/6691818/...stackoverflow.com/questions/3972445/...
pqn

私はあなたの答えをどんどん深くしていきます...このコードがあります<layer-list xmlns:android = " schemas.android.com/apk/res/android "> <item android:drawable = "@ drawable / shape_notification "/> <item android:drawable =" @ drawable / ic_menu_preferences "/> </ layer-list>そして、アイコン(ic_menu_preferences)をテキストを持つドローアブルで置き換える必要があります。これどうやってするの?
AndrewS 2013

私はこれについてはあまり経験がありませんがDrawableここのリンクのようなものを介してカスタムXML属性を作成し、Drawableテキストを含むカスタムの属性を作成して、全体を作成できると思いますXMLで、あなたが望むようにそれを適合させます。あるいは、これが難しい場合は、JavaでDrawableを追加することもできます。
pqn 2013

3

ツールバーを使用する場合:

....
private void InitToolbar() {
    toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
    toolbartitle = (TextView) findViewById(R.id.titletool);
    toolbar.inflateMenu(R.menu.show_post);
    toolbar.setOnMenuItemClickListener(this);
    Menu menu = toolbar.getMenu();
    MenuItem menu_comments = menu.findItem(R.id.action_comments);
    MenuItemCompat
            .setActionView(menu_comments, R.layout.menu_commentscount);
    View v = MenuItemCompat.getActionView(menu_comments);
    v.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View arg0) {
            // Your Action
        }
    });
    comment_count = (TextView) v.findViewById(R.id.count);
}

そしてロードデータでrefreshMenu()を呼び出します:

private void refreshMenu() {
    comment_count.setVisibility(View.VISIBLE);
    comment_count.setText("" + post_data.getComment_count());
}

1

私はここで非常に良い解決策を見つけました、それをkotlinで使用しています。

まず、ドローアブルフォルダーで作成する必要がありますitem_count.xml

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="8dp" />
<solid android:color="#f20000" />
<stroke
    android:width="2dip"
    android:color="#FFF" />
<padding
    android:bottom="5dp"
    android:left="5dp"
    android:right="5dp"
    android:top="5dp" />
</shape>

あなたのActivity_Mainレイアウトでいくつかのような:

<RelativeLayout
                    android:id="@+id/badgeLayout"
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:layout_toRightOf="@+id/badge_layout1"
                    android:layout_gravity="end|center_vertical"
                    android:layout_marginEnd="5dp">

                <RelativeLayout
                        android:id="@+id/relative_layout1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content">

                    <Button
                            android:id="@+id/btnBadge"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:background="@mipmap/ic_notification" />

                </RelativeLayout>

                <TextView
                        android:id="@+id/txtBadge"
                        android:layout_width="18dp"
                        android:layout_height="18dp"
                        android:layout_alignRight="@id/relative_layout1"
                        android:background="@drawable/item_count"
                        android:text="22"
                        android:textColor="#FFF"
                        android:textSize="7sp"
                        android:textStyle="bold"
                        android:gravity="center"/>

            </RelativeLayout>

そして、次のように変更できます:

btnBadge.setOnClickListener { view ->
        Snackbar.make(view,"badge click", Snackbar.LENGTH_LONG) .setAction("Action", null).show()
        txtBadge.text = "0"
    }

0

私はそれを行うためのより良い方法を見つけました。このようなものを使いたいなら

ここに画像の説明を入力してください

この依存関係を使用する

   compile 'com.nex3z:notification-badge:0.1.0'

ドローアブルで1つのxmlファイルを作成し、Badge.xmlとして保存します

<?xml version="1.0" encoding="utf-8"?>
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item>
    <shape android:shape="oval">
        <solid android:color="#66000000"/>
        <size android:width="30dp" android:height="40dp"/>
    </shape>
</item>
<item android:bottom="1dp" android:right="0.6dp">
    <shape android:shape="oval">
        <solid android:color="@color/Error_color"/>
        <size android:width="20dp" android:height="20dp"/>
    </shape>
</item>
</layer-list>

今、あなたがそのバッジを使用したいところはどこでも、xmlで以下のコードを使用します。これの助けを借りて、あなたはあなたのイメージまたは何かの右上隅にそのバッジを見ることができます。

  <com.nex3z.notificationbadge.NotificationBadge
    android:id="@+id/badge"
    android:layout_toRightOf="@id/Your_ICON/IMAGE"
    android:layout_alignTop="@id/Your_ICON/IMAGE"
    android:layout_marginLeft="-16dp"
    android:layout_marginTop="-8dp"
    android:layout_width="28dp"
    android:layout_height="28dp"
    app:badgeBackground="@drawable/Badge"
    app:maxTextLength="2"
    ></com.nex3z.notificationbadge.NotificationBadge>

最後にyourFile.javaで、この2つの簡単な方法を使用します。1)定義

 NotificationBadge mBadge;

2)あなたのループまたはこの数を数えるものはこれを使用します:

 mBadge.setNumber(your_LoopCount);

ここで mBadge.setNumber(0)は何も表示されません。

この助けを願っています。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.