0

私は Telerik Appbuilder を使用して Cordova ハイブリッド アプリを開発しました。このアプリは、Android、iOS、および Windows Phone 8.1 のすべてのプラットフォームで動作します。しかし、Windows 10 デバイスでアプリを起動すると、ボタンとタブストリップが正しく表示されません。

Windows Phone 8.1 での表示は次のとおりです。 ここに画像の説明を入力

Windows 10 デバイスでは次のように表示されます。 ここに画像の説明を入力

ご覧のとおり、ボタン内のテキストは中央に配置されておらず、タブストリップ ボタンにこの白い矢印のようなアイコンがあります。

さらに、アプリをビルドして Windows 10 デバイスに展開することもできません。私は常に次のエラーが発生します。

Build and Deploy: 'Unable to build and deploy KBS.InsectFinder on one or more devices. For more information, see the log.'
Error when installing the app. A runtime error has occured. Correct the Capabilities-Values in the file "WMAppManifest.xml".

私の質問は、Windows 10 デバイスで正しく動作するようにアプリをビルドするにはどうすればよいですか?

タブストリップのコードは次のとおりです。

<div data-role="footer">
   <div data-role="tabstrip" id="tabstrip" data-select="onSelect">
      <a href="views/home.html" id="homeTabstrip">Home</a>
      <a href="views/Settings.html" id="settingsTabstrip">Einstellungen</a>
   </div>
</div>

そしてCSS：

#tabstrip .km-icon {
   background-repeat:no-repeat;
   -webkit-background-clip: border-box;
   background-size: 100% 100%;
}

#homeTabstrip.km-state-active span.km-icon {
    background-image: url("../../Images/Icons/home_active.png");
}

#homeTabstrip .km-icon {
    background-image: url("../../Images/Icons/home_inactive.png");

}

#settingsTabstrip.km-state-active span.km-icon {
    background-image: url("../../Images/Icons/gearwheel_active.png");
}

#settingsTabstrip .km-icon {
    background-image: url("../../Images/Icons/gearwheel_inactive.png");

}

ボタンのコードは次のとおりです。

<button data-role="button" id="login" style="margin-left: 15px; width: 200px;">Abschicken</button>

<div style="margin-left: 15px;">
   <b>Synchronisation</b> <br />

   <button data-role="button" id="syncButton" style="width: 200px;">Synchronisation</button> <br />
</div>
4

0 に答える 0