使用Cordova添加可绘制资源

时间:2016-02-19 17:58:48

标签: android cordova ionic-framework phonegap-plugins

我想在我的cordova项目中添加一个可绘制的资源。我确实添加了图标和启动画面项目。他们被复制到我的平台/ android / res / drawable就好了。问题是当我尝试添加另一个资源时。我怎么做?我在cordova上找不到任何东西,而不是图标和闪屏

<div class="container" id="main-container">
  <div class="row">
    <div class="col-md-12">
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <div class="logo">
              <img src="Image/Logo.png" class="img-responsive"/>
            </div>
          </div>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">Home</a>
              </li>
              <li><a href="#about">About</a>
              </li>
              <li><a href="login.php">Login</a>
              </li>
              <li><a href="#about">Become A member</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="mainHome">
          <div class="container">
          </div>
      </div>
      <div class="footer">
        <div class="container">   
          <div class="navbar-text pull-left">
            <p> &copy 2016 </p>
          </div>
          <div class="navbar-text pull-right">
            <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
            <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
            <a href="#"><i class="fa fa-google-plus fa-2x"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

有人可以帮忙吗?我没有在config.xml中看到任何选项来添加其他可绘制资源。

2 个答案:

答案 0 :(得分:18)

编辑:

从Cordova CLI 7.x.x开始,当使用cordova-android 6.2.x或cordova-ios 4.4.x时,您可以使用config.xml中的resource-file标签,正如我在插件的旧答案中所解释的那样。你必须把它放在平台标签内。

示例:

<platform name="android">
  <resource-file src="www/res/drawable-hdpi/yourImage.png" target="res/drawable-hdpi/yourImage.png" />
</platform>

src是您现在拥有图像的地方,如果您不希望文件重复,可以在我的示例中的www中,甚至在项目的根目录中。 target是目标,它将位于yourProject / platforms / platform / target中 例如,它将是yourProject/platforms/android/res/drawable-hdpi/yourImage.png

老答案:

从config.xml中,您只能添加图标和启动图像

如果您想添加资源,可以创建插件并使用resource-file标记

<resource-file src="src/android/res/drawable-hdpi/yourImage.png" target="res/drawable-hdpi/yourImage.png" />

或者您可以使用将图像复制到任何地方的钩子

答案 1 :(得分:3)

对于像我这样的下一个人,这是我做这个的简单钩子,放入hooks/before_build/020_copy_resources.js

#!/usr/bin/env node

// Copy native resources
var rootdir = process.argv[2];
var exec = require('child_process').exec;

// Native resources to copy
var androidNativePath = 'native/android/';

// Android platform resource path
var androidResPath = 'platforms/android/res/';

function copyAndroidResources() {
  exec('cp -Rf ' + androidNativePath + '* ' + androidResPath);
  process.stdout.write('Copied android native resources');
}

if (rootdir) {
  copyAndroidResources();
}

只需将您的Android资源放入native/android/然后就可以了。