Skip to main content
Version: v1.0

hmUI.setScrollView(enable, pageHeight, pageCount, isVertical)

scroll_view

scroll_view

Set the entire page to Swipe mode, which can support vertical and horizontal scrolling.

Type

(enable: boolean, pageHeight: number, pageCount: number, isVertical: boolean) => result

Parameters

ParameterDescriptionType
enabletrue: set the page scrolling mode to Swipe mode, false: regular scrolling mode.boolean
pageHeightWhen enable is true, the parameter is required. The length of each page.number
pageCountIf enable is true, the parameter is required. How many pages are available.number
isVerticaltrue for vertical scrolling, false for horizontal scrolling, default is trueboolean

result

DescriptionType
result, true means set successfully.boolean

Code example

const randomArr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']

function getRandomFromSection(low, high) {
const RANDOM = Math.random()
const RANGE = high - low + 1

return Math.floor(RANDOM * RANGE) + low
}

Page({
build() {
const isVertical = true
hmUI.setScrollView(true, px(480), 20, isVertical)

const numArr = Array.from({ length: 20 }).map((_, index) => index)

numArr.forEach((num) => {
const backgroundColor = Array.from({ length: 6 }).reduce((prev, curr) => {
const random = getRandomFromSection(0, 15)
return prev + randomArr[random]
}, '0x')

hmUI.createWidget(hmUI.widget.FILL_RECT, {
x: 0,
y: px(480) * num,
w: px(480),
h: px(480),
color: Number(backgroundColor)
})

const text = hmUI.createWidget(hmUI.widget.TEXT, {
x: px(96),
y: px(200) + px(480) * num,
w: px(320),
h: px(46),
color: 0xffffff,
text_size: px(36),
align_h: hmUI.align.CENTER_H,
align_v: hmUI.align.CENTER_V,
text_style: hmUI.text_style.NONE,
text: `HELLO ZEPPOS ${num}`
})
})
}
})