0

环境：

  • 工作灯 6.0
  • 道场 1.9.1
  • ADT 22.0
  • API 级别 14
  • 设备 - 三星 Tab 3

我们使用 worklight 5.0 和 dojo 1.8 开发了一个移动应用程序。现在我们已经升级到worklight 6.0 和dojo 1.9。升级后，我们在渲染 dojo 小部件时看到以下问题。

小部件在模拟器（MBS）中渲染得很好。但在实际设备上，小部件无法正确呈现。标签栏按钮被呈现为带有粗体下划线等的标签。

HTML 文件 -

<head>
        <meta charset="UTF-8">
        <title>RQMOffline</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="shortcut icon" href="images/favicon.png">
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
        <link rel="stylesheet" href="css/MobileApp.css">
        <link rel="stylesheet" href="css/qmMobile.css"/>
        <script>window.$ = window.jQuery = WLJQ;</script>
        <script type="text/javascript" src="dojox/mobile/deviceTheme.js"></script>
        <script type="text/javascript" data-dojo-config="isDebug: false, mblThemeFiles:['@theme',['qm.mobile','qmMobile']], async: true, parseOnLoad: false, mblHideAddressBar: false" src="dojo/dojo.js"></script>
    </head>
    <body id="content" style="display: none;">
        <div id="AppBody" >
            <div id="localTestList" data-dojo-type="dojox.mobile.View" style="selected:true" >
                <div id="mainViewHeadning" data-dojo-type="dojox/mobile/Heading" fixed="top">
                    <ul id="filtersBar" data-dojo-type="dojox.mobile.TabBar" 
                        data-dojo-props='barType:"segmentedControl"'>
                        <li id="runTabBarButton" data-dojo-type="dojox.mobile.TabBarButton"
                            data-dojo-props='label:"labelInProgress", moveTo:"downloadedTestListView", selected:true'></li>
                        <li id="resultTabBarButton"
                            data-dojo-type="dojox.mobile.TabBarButton"
                            data-dojo-props='label:"labelCompleted", moveTo:"uploadResultListView"'></li>
                    </ul>
               </div>
                <div id="tabBarNode" data-dojo-type="dojox/mobile/Heading" fixed="bottom">
                    <ul id="mainTabBar" data-dojo-type="dojox/mobile/TabBar" single="true">
                        <li id="mainShowTcerList" data-dojo-type="dojox/mobile/TabBarButton"
                            data-dojo-props='icon1:"images/download-act-d.png", icon2:"images/download-act-e.png", label:"labelGetTests", moveTo:"getTestsListView"'></li>
                        <li id="mainShowLocalTest" data-dojo-type="dojox/mobile/TabBarButton"
                            data-dojo-props='icon1:"images/run-act-d.png", icon2:"images/run-act-e.png", label:"labelRunTests", selected:true'></li>
                        <li id="mainShowSettings" data-dojo-type="dojox/mobile/TabBarButton"
                            data-dojo-props='icon1:"images/setting-act-d.png", icon2:"images/setting-act-e.png", label:"labelSettings", moveTo:"settingsView"'></li>
                    </ul>
                </div>
            </div>
        </div>
        <script src="js/initOptions.js"></script>
    <script src="js/MobileApp.js"></script>
    <script src="js/messages.js"></script>
    </body>

注意：我已经在 www 文件夹下添加了所有与 android 相关的 css 文件。这适用于 dojo 1.8

对此的任何帮助将不胜感激。

4

1 回答 1

0

我通过进行以下更改解决了这个问题 -

  1. 在 dojox/mobile/deviceTheme.js 中，将所有 android 设备的“holodark”替换为“android”。
  2. 对于更大的字体大小问题，在 AndroidManifest.xml 中的属性中添加了“targetSdkVersion”属性 -<uses-sdk android:minSdkVersion="8" android:targetSdkVersion="13"/>

感谢你的帮助。

于 2014-02-03T14:12:58.787 回答