how to set ToolTip Text in android custom seekbar?

Issue

I have a custom seekbar with drawable and it is working fine, i am trying to make tooltip text on user action over the seekbar, is there any way without using third party library, i have posted the code below which i am using for custom seekbar

i have also attached a sample progress tooltip that i would like to achieve below

any reference or solution would be appreciated

implementation "com.android.support:appcompat-v7:${android_support_version}"

seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progressValue, boolean fromUser) {
                seekBar.setThumb(getThumb(progressValue));
                TooltipCompat.setTooltipText(seekBar, String.valueOf(progressValue));
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
                //Do nothing
            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
                //Do nothing
            }
        });

 private Drawable getThumb(int progress) {
        View thumbView = LayoutInflater.from(getActivity()).inflate(R.layout.seekbar_tv, null, false);
        ((TextView) thumbView.findViewById(R.id.tvProgress)).setText(progress + "");
        thumbView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
        Bitmap bitmap = Bitmap.createBitmap(thumbView.getMeasuredWidth(), thumbView.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        thumbView.layout(0, 0, thumbView.getMeasuredWidth(), thumbView.getMeasuredHeight());
        thumbView.draw(canvas);
        return new BitmapDrawable(getResources(), bitmap);
    }

<!--mySeekBarInLayout-->

<SeekBar
android:id="@+id/seekBar_Experience"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:max="10"
android:progressDrawable="@drawable/survey_seekbar_style"
android:splitTrack="false"
android:thumb="@drawable/survey_seekbar_thum" />

<!--survey_seekbar_thum-->

<?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="@color/circle_yellow"/>
            <size
                android:width="30dp"
                android:height="30dp"/>
        </shape>
    </item>
</layer-list>

<!--survey_seekbar_style-->

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/survey_border_shadow"
        android:height="1dp"
        android:gravity="center">
    </item>

    <item
        android:id="@android:id/progress"
        android:height="4dp"
        android:gravity="center">
        <clip android:drawable="@drawable/survey_seekbar_progress" />
    </item>
</layer-list>

<!--survey_border_shadow-->

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <gradient
                android:endColor="@color/thr_dark_blue"
                android:startColor="@color/thr_dark_blue" />
        </shape>
    </item>
</layer-list>


<!--survey_seekbar_progress-->

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/progressshape" >
        <clip>
            <shape
                android:shape="rectangle" >
                <size android:height="3dp"/>
                <corners
                    android:radius="5dp" />
                <solid android:color="@color/thr_dark_blue"/>
            </shape>
        </clip>
    </item>
</layer-list>

Solution

You should have your customized textview and change the text inside onProgressChanged.

Is that enough? ==> No

You need to change the x coordinate of the textview to change it's place to be compatible with seekbar place.

Code demonstrate that:

@Override
public void onProgressChanged(SeekBar seekBar, int progress,
        boolean fromUser) {

    yourTextView.setText(progress + " miles");
    // Get the thumb bound and get its left value
    int x = seekBar.getThumb().getBounds().left;
    // set the left value to textview x value
    yourTextView.setX(x);
}

Answered By - Ibrahim Ali