Amazfit表盘Java项目：将百分比显示圆形替换为矩形/线条（避免FC）

Hey there! Let's work through how to swap those circular metrics (battery, steps, workout progress) with rectangles or lines in your Amazfit watch face project—without triggering those frustrating force closes (FCs). I’ll walk you through the key steps, covering both active and standby modes since that’s a critical detail for Amazfit watches.

Start by hunting down the code responsible for drawing the circles. In most watch face projects, this will be in a custom view’s onDraw() method, or a dedicated helper method like drawMetrics(Canvas canvas). Look for calls to canvas.drawCircle()—that’s your target.

Once you’ve found the circle-drawing code, swapping it out for rectangles or lines is straightforward. Just use the Canvas methods drawRect() or drawLine() instead. Keep your existing Paint setup (colors, fill/stroke styles) since those should work fine for the new shapes.

Here’s a quick example of how to adjust the code:

// Original circle-drawing code (example)
float cx = 100f; // Center X
float cy = 150f; // Center Y
float radius = 30f;
canvas.drawCircle(cx, cy, radius, progressPaint);

// Option 1: Replace with a horizontal progress rectangle
// Calculate width based on progress percentage (0-1.0f)
float progressPercent = getBatteryProgress(); // Your existing progress value
float maxRectWidth = 60f;
float rectLeft = cx - maxRectWidth/2;
float rectRight = rectLeft + (maxRectWidth * progressPercent);
canvas.drawRect(rectLeft, cy - 10f, rectRight, cy + 10f, progressPaint);

// Option 2: Replace with a vertical progress line
float lineStartY = cy + 30f;
float lineEndY = lineStartY - (60f * progressPercent);
canvas.drawLine(cx, lineStartY, cx, lineEndY, progressPaint);

Remember, Amazfit’s standby mode only supports 8 colors and relies on PNG assets. If your original project used circle PNGs for standby, you’ll need to create matching rectangle/line PNGs (in 8-bit color) and update the standby drawing logic.

Example of adjusting standby mode code:

@Override
public void onDraw(Canvas canvas, Rect bounds) {
    if (isInAmbientMode()) {
        // Original code that drew circle PNGs
        // Bitmap circleBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ambient_battery_circle);
        // canvas.drawBitmap(circleBitmap, x, y, ambientPaint);

        // Replace with your new rectangle/line PNG
        Bitmap rectBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ambient_battery_rect);
        canvas.drawBitmap(rectBitmap, x, y, ambientPaint);
    } else {
        // Active mode drawing logic we updated earlier
        drawActiveMetrics(canvas);
    }
}

• Never skip null checks: Make sure your Paint objects are initialized before using them, and that any PNGs you load in standby mode exist in your resources (a missing drawable will cause a null bitmap crash).
• Validate progress values: Ensure progress percentages stay between 0 and 100%—negative widths/heights or values exceeding bounds can cause Canvas errors.
• Test incrementally: Don’t rewrite all three metrics at once! Start with one (like battery), test both modes, fix any issues, then move to the next.
• Check Logcat if a FC happens: If the app crashes, pull the stack trace from Logcat—it’ll tell you exactly where the problem is (e.g., null pointer, invalid Canvas parameters).
• Comment out old code: Instead of deleting the original circle-drawing code, just comment it out. That way you can quickly revert if something breaks.

内容的提问来源于stack exchange，提问作者Dany M.