答案 0 :(得分:2)
我可能会为您提供完美的解决方案。
您可以使用cordova-custom-config-Plugin。 安装后:
cordova插件添加cordova-custom-config
或
phonegap插件添加cordova-custom-config
只需修改config.xml文件即可轻松修改android主题。我的cordova-testapp使用Holo-Light主题,例如:
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.testapp955851" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>testapp</name>
<description>
An Ionic Framework and Cordova project.
</description>
<author email="you@example.com" href="http://example.com.com/">
Your Name Here
</author>
....
....
<preference name="android-manifest/application/activity/@android:theme" value="@android:style/Theme.Holo.Light" />
</widget>
要查看更改,您可以测试这些主题,例如: @android:style / Theme.DeviceDefault,@ android:style / Theme.Holo.Light或@android:style / Theme.Holo。
如果你想制作自己的主题,只需使用这个generator。(它已被弃用,但对于一个例子来说已经足够了)。
生成自己的主题,下载并解压后,你必须将所有drawable-files 放入你的android项目文件夹( platforms / android / RES 强>)。在这些样式文件出现在您的项目中之后,您要做的最后一件事就是复制主题定义来自您下载/解压缩的style_example.xml( res /values/style_example.xml )进入项目样式文件,名为strings.xml( platforms / android / res / values / strings.xml )。
执行此操作后,我的strings.xml文件如下所示:
<?xml version='1.0' encoding='utf-8'?>
<resources>
<string name="app_name">testapp</string>
<string name="launcher_name">@string/app_name</string>
<string name="activity_name">@string/launcher_name</string>
<!-- ONYL PUT style-tags INTO strings.xml -->
<style name="Theme.YourOwnTheme" parent="@android:style/Theme.Holo.Light">
<item name="android:actionBarItemBackground">@drawable/selectable_background_example</item>
<item name="android:popupMenuStyle">@style/PopupMenu.Example</item>
<item name="android:dropDownListViewStyle">@style/DropDownListView.Example</item>
<item name="android:actionBarTabStyle">@style/ActionBarTabStyle.Example</item>
<item name="android:actionDropDownStyle">@style/DropDownNav.Example</item>
<item name="android:actionBarStyle">@style/ActionBar.Solid.Example</item>
<item name="android:actionModeBackground">@drawable/cab_background_top_example</item>
<item name="android:actionModeSplitBackground">@drawable/cab_background_bottom_example</item>
<item name="android:actionModeCloseButtonStyle">@style/ActionButton.CloseMode.Example</item>
</style>
.....
.....
</resources>
此外,我已将此主题重命名为Theme.YourOwnTheme,以表明您确实在使用修改后的主题。因此我更改了config.xml中的主题名称:
<preference name="android-manifest/application/activity/@android:theme" value="@style/Theme.YourOwnTheme" />
完成!
虽然它已经在三星Galaxy S4(Lollipop,版本:5.0.1)上测试过,但它也适用于棉花糖。
另一个有用的link。
希望这有帮助。