鸿蒙 实现自定义分段进度条

鸿蒙系统中实现自定义分段进度条通常涉及自定义视图组件，你可以通过创建一个继承自`HarmonyOS::View`的类，并重写绘制方法来自定义样式。下面是一个简化的步骤：

1. 创建新组件：首先，在`src/com/example/myapp/customviews`目录下，新建一个名为`SegmentedProgressBar.h`和`SegmentedProgressBar.cpp`的文件，定义一个新的类。

// SegmentedProgressBar.h
class SegmentedProgressBar : public View {
public:
    SegmentedProgressBar(const sptr<LayoutParams>& layoutParams);
    virtual ~SegmentedProgressBar();

    // ...其他属性和方法...
    void setSegments(std::vector<int> segments); // 设置分段数据

private:
    // 绘制方法
    void onDraw(DrawContext* drawContext) override;
    // ...其他成员变量...
};

2. 实现绘图逻辑：在`onDraw()`方法中，根据`setSegments()`传递的数据绘制各个部分的进度条。

// SegmentedProgressBar.cpp
void SegmentedProgressBar::setSegments(std::vector<int> segments) {
    m_segments = segments;
}

void SegmentedProgressBar::onDraw(DrawContext* drawContext) {
    for (int i = 0; i < m_segments.size(); ++i) {
        int progress = static_cast<float>(m_segments[i]) / 100.0f * getMeasuredWidth();
        // 使用drawContext绘制每个分段的矩形，并填充相应颜色
        drawContext->fillRect(Rect(Point(getLeft(), getTop()), Point(progress, getHeight())), getProgressColor(i));
    }
}

3. 在UI布局中使用自定义组件：在需要的地方使用`SegmentedProgressBar`替代标准的进度条控件，并配置所需的分段数据。

<com.example.myapp.SegmentedProgressBar
    android:id="@+id/custom_progress_bar"
    layout_width="match_parent"
    layout_height="wrap_content"
    app:segments="50,70,90" />