How to set the badge position in tabs

Question

I am new to badge's concept. In my application i want to show the badges on the tabs. For that i used the android-viewbadger.jar file. It's working fine but position property is not effected. How to set the position. If you need more info please let me know.

TabWidget tabs = (TabWidget) findViewById(android.R.id.tabs);       
DH_Constant.badgeView = new BadgeView(this, tabs, 2);

// it's working fine

badge1.setBadgePosition(BadgeView.POSITION_CENTER);

// But I Supposed to set it as position to top_left or top_right then it still shows as bottom_left and bottom_right

badge1.setBadgePosition(BadgeView.POSITION_TOP_RIGHT);

DH_Constant.badgeView.setText(DH_Constant.MessagesCount_obj.count); 
DH_Constant.badgeView.show();

Output:

enter image description here

how could u resolved this error will u please guide me – Ali Ashiq Sep 30 '14 at 07:16 — Ali Ashiq, Sep 30 '14 at 07:16
how could u counter the bubble – Ali Ashiq Sep 30 '14 at 13:45 — Ali Ashiq, Sep 30 '14 at 13:45

score 4 · Answer 1 · answered Sep 18 '12 at 10:25

4

By default it's position is TOP_RIGHT. If you want any other position you have to set that. e.g For top_left use:

badge1.setBadgePosition(BadgeView.POSITION_TOP_LEFT);

For center use:

badge1.setBadgePosition(BadgeView.POSITION_CENTER);

For bottom_left use:

badge1.setBadgePosition(BadgeView.POSITION_BOTTOM_LEFT);

For bottom_right use:

badge1.setBadgePosition(BadgeView.POSITION_BOTTOM_RIGHT);

answered Sep 18 '12 at 10:25

salman khalid

4,884
4
27
33

Here top_left works like bottom_left and top_right works like bottom_right. reset of them works fine why? is any problem with bottom tab bar? Here For each tab i set the one view that having the image and text in vertical order. – naresh Sep 18 '12 at 10:31

score 0 · Answer 2 · answered Jun 04 '14 at 14:08

To get badge position to show in top corner of your tab you need to set the root of your tab layout to FrameLayout like so:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout 
    android:id="@+id/tabsLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/tabs_background"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="10dip" >

    <ImageView
        android:id="@+id/tabsIcon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/tab_icon"
        android:duplicateParentState="true" />

    <TextView
        android:id="@+id/tabsText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/tabs_text"
        android:textSize="10dip"
        android:textStyle="bold" />

</LinearLayout>

How to set the badge position in tabs

2 Answers2

Linked