如何为我的智能手表使用Tizen Web应用程序打包Tizen Web小部件?

时间:2016-10-11 12:57:23

标签: widget tizen tizen-wearable-sdk tizen-web-app

我创建了一个我想要推送到手表的Web Widget。 Tizen Documenation表示无法单独部署窗口小部件。所以,我试图将我的Widget与Web应用程序捆绑在一起。我已成功将Web应用程序推送到我的手表,但我无法使用它。我尝试按照此处的步骤操作:https://developer.tizen.org/development/getting-started/web-application/application-development-process#multi

My Web Widget名为JohnDoeWidget。我捆绑的Web应用程序叫做BuddyUI(它是示例应用程序)。在Tizen IDE中,在Project Explorer中,它表示" JohnDoeWidget [With BuddyUI] wearable-2.3.2"。所以我认为我正确地做了那个部分。当我将BuddyUI推送到我的手机时,没有它的小部件。

在BuddyUI config.xml中,在Tizen(或高级)菜单中,Web Widget部分中没有任何内容。 肯定是这个问题!但是,我无法弄清楚如何将JohnDoeWidget添加到此。我尝试手动编辑config.xml文件,但是当它构建时,它表示" JohnDoeWidget与不同的Web小部件项目一起存在。"。 BuddyUI config.xml看起来像这样

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="(removing link)" xmlns:tizen="(removing link)" id="(removing link)" version="1.0.0" viewmodes="maximized">
    <tizen:application id="yUnJzQvDKJ.BuddyUI" package="yUnJzQvDKJ" required_version="2.3"/>
    <content src="index.html"/>
    <feature name="(removing link)/feature/screen.size.normal"/>
    <icon src="icon.png"/>
    <name>BuddyUI</name>
    <tizen:privilege name=(removing link)/privilege/application.launch"/>
    <tizen:profile name="wearable"/>
    <tizen:setting hwkey-event="enable"/>
</widget>

我试图做的就是改变它,没有运气。

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="(removing link)" xmlns:tizen="(removing link)" id="(removing link)" version="1.0.0" viewmodes="maximized">
    <tizen:application id="yUnJzQvDKJ.BuddyUI" package="yUnJzQvDKJ" required_version="2.3"/>
    <content src="index.html"/>
    <feature name="(removing link)/feature/screen.size.normal"/>
    <icon src="icon.png"/>
    <name>BuddyUI</name>
    <tizen:privilege name="(removing link)/privilege/application.launch"/>
    <tizen:profile name="wearable"/>
    <tizen:setting hwkey-event="enable"/>
    <tizen:app-widget id="Fttrlmw6YQ.JohnDoeWidget.JohnDoeWidget" primary="true">
        <tizen:widget-label>Hello Web Widget!</tizen:widget-label>
        <tizen:widget-content src="index.html">
            <tizen:widget-size preview="preview.png">2x2</tizen:widget-size>
        </tizen:widget-content>
    </tizen:app-widget>
</widget>

我还尝试将app-widget id更改为yUnJzQvDKJ.BuddyUI.JohnDoeWidget,但这会产生错误&#34; JohnDoeWidget存在于不同的Web小部件项目中。&#34;。

如何将小部件添加到现有的Web应用程序?

- 编辑: 我也尝试了以下内容:

  • 我创建了一个新的Web应用程序
  • 用它捆绑一个新的Web小部件
  • 把它推到我的手表上。该应用程序出现在我的手表上,但小部件没有出现。

1 个答案:

答案 0 :(得分:3)

Gear S2下不支持Web小部件。 (我无法确定S3。)
看看这个document

2.3.2支持Web小部件。但是档位s2是2.3.1。

我不知道你的智能手表是什么,但我知道每个三星智能手表都有操作系统2.3.1。

我在Tizen Studio最新版本的2.3.2模拟器中查看我的解决方案。 并确保它在模拟器上有效 但它不适用于我的三星齿轮s2。

所以这是正确的操作&#34; web widget&#34;目前没有在真正的目标上工作。

不要编辑config.xml来添加小部件。

link中检查用于在包多页菜单中添加项目的小部件后,Tizen Studio会更改config.xml以添加小部件。
你可以在解压缩的BuddyUI.wgt

中看到它

您的错误似乎发生了,因为重复的小部件标记 我认为在构建之后自动生成的config.xml可能有两个相同的app-widget标记。

只需执行以下流程并构建UI项目。

In the Web UI application project context menu, select Properties > Tizen Studio > Package > Multi.
Select the check box for the web widget applications, and click OK.

您可以查看并查看Tizen工作室如何制作它。只需解压缩wgt文件。

我创建了基本的UI和TestWidget1,并将一个wgt文件与上层进程合并。解压缩后会显示以下文件树。

├── author-signature.xml
├── config.xml
├── css
│   └── style.css
├── icon.png
├── index.html
├── js
│   └── main.js
├── signature1.xml
└── widget
    └── TestWidget1
        ├── css
        │   └── style.css
        ├── icon.png
        ├── index.html
        ├── js
        │   └── main.js
        └── preview.png

还有以下config.xml

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns:tizen="http://tizen.org/ns/widgets" xmlns="http://www.w3.org/ns/widgets" id="http://yourdomain/BasicUI2" version="1.0.0" viewmodes="maximized">
    <tizen:app-widget id="LRVQWwNeO1.BasicUI2.TestWidget1" primary="true">
        <tizen:widget-label>Hello Web Widget!</tizen:widget-label>
        <tizen:widget-content src="widget/TestWidget1/index.html">
            <tizen:widget-size preview="widget/TestWidget1/preview.png">2x2</tizen:widget-size>
        </tizen:widget-content>
    </tizen:app-widget>
    <tizen:application id="LRVQWwNeO1.BasicUI2" package="LRVQWwNeO1" required_version="2.3.2"/>
    <content src="index.html"/>
    <feature name="http://tizen.org/feature/screen.size.all"/>
    <icon src="icon.png"/>
    <name>BasicUI2</name>
    <tizen:profile name="wearable"/>
</widget>