OpenHarmony 实战开发——CircleIndicator组件，使指示器风格更加多样化

UI界面是应用程序可视化必不可少的部分。设计精致的UI界面可以使得整个可视化应用程序给用户留下深刻的印象，是改善用户界面体验最直接的方式。

ArkUI开发框架为开发者提供了丰富的UI原生组件，如Navigation（Page页面的根容器）、ScrollBar（滚动条组件）、Swiper（滑动容器）及Tabs（通过页签进行内容视图切换的容器组件）等。其中，Swiper组件和Tabs组件在应用程序开发中对于指示器的使用引入较多，但是直接使用原生的Swiper组件和Tabs组件不适用于表现复杂的UI指示器交互变化。因此，我们针对Swiper组件和Tabs组件在指示器应用方向做了一个简单的封装，以CiecleIndicator三方组件的形式提供应用程序依赖使用，从而提升了ArkUI开发框架的UI界面之指示器风格多样化的能力。

CircleIndicator介绍

CircleIndicator组件UI效果展示

圆形指示器：

长条指示器：

横幅指示器：

三角指示器：

图标指示器：

携带中央视图的Tabs指示器：

固定位置Tabs指示器：

固定位置Tabs指示器（胶囊风格）:

固定位置Tabs指示器（携带角标）:

可滑动Tabs指示器：

可滑动Tabs指示器(水滴滑块)：

可滑动Tabs指示器(首列固定)：