VSpotView2

Author: TutorialsAndroid

library/build.gradle

@@ -8,8 +8,8 @@ android {
         namespace 'com.developer.spoti.vspoti'
         minSdkVersion 23
         targetSdkVersion 35
-        versionCode 8
-        versionName "3.2.5"
+        versionCode 9
+        versionName "3.3.5"
 	}
 
 	compileOptions {

library/src/main/java/com/developer/spoti/vspoti/VSpotMessageView2.java

@@ -2,8 +2,6 @@
 
 import android.content.Context;
 import android.graphics.Color;
-import android.graphics.Paint;
-import android.graphics.Path;
 import android.graphics.Typeface;
 import android.text.Spannable;
 import android.util.TypedValue;

library/src/main/java/com/developer/spoti/vspoti/VSpotView2.java

@@ -15,7 +15,7 @@ public class VSpotView2 extends FrameLayout {
     private float density;
     private List<View> targetViews;
     private List<RectF> targetRects;
-    private VSpotMessageView mMessageView;
+    private VSpotMessageView2 mMessageView;
     private Gravity mGravity = Gravity.auto;
     private DismissType dismissType = DismissType.outside; // Default value
     private boolean mIsShowing = false;
@@ -61,7 +61,7 @@ private VSpotView2(Context context, List<View> views) {
         }
 
         // Message view
-        mMessageView = new VSpotMessageView(context);
+        mMessageView = new VSpotMessageView2(context);
         addView(mMessageView, new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
 
         // Wait for layout to complete before positioning
@@ -118,6 +118,56 @@ protected void onDraw(Canvas canvas) {
         }
     }
 
+    private void drawArrowToTarget(Canvas canvas) {
+        RectF target = targetRects.get(currentTargetIndex);
+        float targetCenterX = target.centerX();
+        float targetTopY = target.top;
+        float targetBottomY = target.bottom;
+
+        float messageX = mMessageView.getX();
+        float messageY = mMessageView.getY();
+        float messageWidth = mMessageView.getWidth();
+        float messageHeight = mMessageView.getHeight();
+
+        float arrowCenterX = Math.max(messageX, Math.min(targetCenterX, messageX + messageWidth));
+        float arrowTipX = arrowCenterX;
+        float arrowTipY;
+        boolean drawArrowDownward;
+
+        if (messageY > targetBottomY) {
+            // Message is below target – arrow points up
+            arrowTipY = messageY;
+            drawArrowDownward = false;
+        } else {
+            // Message is above target – arrow points down
+            arrowTipY = messageY + messageHeight;
+            drawArrowDownward = true;
+        }
+
+        float halfWidth = ARROW_WIDTH / 2f;
+        float height = ARROW_HEIGHT;
+
+        arrowPath.reset();
+
+        if (drawArrowDownward) {
+            // Pointing downward
+            arrowPath.moveTo(arrowTipX, arrowTipY);
+            arrowPath.lineTo(arrowTipX - halfWidth, arrowTipY - height);
+            arrowPath.lineTo(arrowTipX + halfWidth, arrowTipY - height);
+        } else {
+            // Pointing upward
+            arrowPath.moveTo(arrowTipX, arrowTipY);
+            arrowPath.lineTo(arrowTipX - halfWidth, arrowTipY + height);
+            arrowPath.lineTo(arrowTipX + halfWidth, arrowTipY + height);
+        }
+
+        arrowPath.close();
+
+        arrowPaint.setColor(Color.WHITE); // same as message background
+        arrowPaint.setStyle(Paint.Style.FILL);
+        canvas.drawPath(arrowPath, arrowPaint);
+    }
+
 
     public void nextTarget() {
         if (currentTargetIndex < targetViews.size() - 1) {

sample/build.gradle

@@ -6,8 +6,8 @@ android {
         namespace 'com.developer.spoti.vspot'
         minSdkVersion 23
         targetSdkVersion 35
-        versionCode 8
-        versionName "3.2.5"
+        versionCode 9
+        versionName "3.3.5"
     }
 
 	 compileOptions {