Skip to main content
Version: v3.x

PAGE_INDICATOR

Start from API_LEVEL 2.1. Please refer to API_LEVEL

Page indicator that indicates the current page position.

Create UI widget

import { createWidget, widget } from '@zos/ui'

const scrollBar = createWidget(widget.PAGE_INDICATOR, Param)

Param: object

PropertiesDescriptionRequiredType
xWidget x-coordinateYESnumber
yWidget y-coordinateYESnumber
wWidget WidthYESnumber
hWidget HeightYESnumber
align_hHorizontal alignmentNOnumber
h_spaceHorizontal spacingNOnumber
select_srcIndicator current highlighted icon pathYESstring
unselect_srcIndicator not selected icon pathYESstring

Code example

import { createWidget, widget, align } from '@zos/ui'

const pageIndicator = createWidget(widget.PAGE_INDICATOR, {
x: 0,
y: 470,
w: 480,
h: 100,
align_h: align.CENTER_H,
h_space: 8,
select_src: 'images/test/select/select.png',
unselect_src: 'images/test/select/unselect.png'
})