gpt4 book ai didi

html - 牛 : How do we use the PageIndicator for Wearable Devices

转载 作者:太空宇宙 更新时间:2023-11-04 05:47:45 25 4
gpt4 key购买 nike

我正在尝试 Page Indicator在 Gear S3 Frontier 的 Tizen 可穿戴应用程序中。当我使用粘贴在那里的代码时,它仅适用于文本。例如。当我尝试在每个部分添加控件时(在屏幕上显示为页面)它不起作用。即使我设置了背景图片,整个设计也会散乱。我尝试了一些方法,包括在 this question 上给出的答案

我的输出:

HTML 代码:

第 1 页,共 2 页

第 2 页,共 2 页

CSS:

.ui-content section {
overflow: hidden;
overflow-y: auto;
text-align: center;
}

JavaScript:

 /*global tau */
(function() {

var page = document.getElementById("taskListPage"),
changer = document.getElementById("hsectionchanger"),
sections = document.querySelectorAll("section"),
sectionChanger,
elPageIndicator = document.getElementById("pageIndicator"),
pageIndicator,
pageIndicatorHandler;

/**
* pagebeforeshow event handler
* Do preparatory works and adds event listeners
*/
page.addEventListener( "pagebeforeshow", function() {
// make PageIndicator
pageIndicator = tau.widget.PageIndicator(elPageIndicator, { numberOfPages: sections.length });
pageIndicator.setActive(0);
// make SectionChanger object
sectionChanger = new tau.widget.SectionChanger(changer, {
circular: true,
orientation: "horizontal",
useBouncingEffect: true
});
});

/**
* pagehide event handler
* Destroys and removes event listeners
*/
page.addEventListener( "pagehide", function() {
// release object
sectionChanger.destroy();
pageIndicator.destroy();
});

/**
* sectionchange event handler
*/
pageIndicatorHandler = function (e) {
pageIndicator.setActive(e.detail.active);
};

changer.addEventListener("sectionchange", pageIndicatorHandler, false);

}());

我也面临错误:file:///lib/tau/wearable/js/tau.min.js (20) :[tau][10/24/2019, 1:28:31

最佳答案

未附加 HTML 代码。根据屏幕,我假设您的应用程序有两个部分。具有“循环”选项的 SectionChanger 小部件只能使用包含至少 3 个部分的应用程序构建,因此控制台中会出现错误。请将部分更改器的循环选项更改为 false:

page.addEventListener( "pagebeforeshow", function() {
// make PageIndicator
pageIndicator = tau.widget.PageIndicator(elPageIndicator, { numberOfPages: sections.length });
pageIndicator.setActive(0);
// make SectionChanger object
sectionChanger = new tau.widget.SectionChanger(changer, {
circular: true,
orientation: "horizontal",
useBouncingEffect: true
});
});

进入:

page.addEventListener( "pagebeforeshow", function() {
// make PageIndicator
pageIndicator = tau.widget.PageIndicator(elPageIndicator, { numberOfPages: sections.length });
pageIndicator.setActive(0);
// make SectionChanger object
sectionChanger = new tau.widget.SectionChanger(changer, {
circular: false,
orientation: "horizontal",
useBouncingEffect: true
});
});

这个选项负责在sections模式之间切换。如果它设置为 true,用户可以从第一部分移动到最后一个部分,反之亦然。

关于html - 牛 : How do we use the PageIndicator for Wearable Devices,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58566418/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com