程序博客网 > 美工最好的网游

PhoneGap 开发Windows Phone 7时不能显示图像

来源：互联网发布：美工最好的网游编辑：程序博客网时间：2024/05/20 14:19

在使用PhoneGap来开发windows phone7中，如果我们想用一副图片作为界面的背景，我们可以通过如下的方式来设置图片为背景：

　　.ui-page {

　　background: transparent url('mybg.png') no-repeat;

　　background-position:center;

　　};

　　通过更改ui-page类中的background属性来提供图片即可。但是这还不能解决所有问题，我们还必须注意下列两个问题，否则的话，图片是不能正确显示的 (血泪经验啊，花了一上午，翻遍互联网才搞定)。

　　1. 必须将该图片添加到工程中，否则该文件将不会被打包到release的安装包里，这样也就不会显示。

　　2. 在图片的属性中，将生成操作从resource改为content(内容)，一般情况下，在工程中插入图片后，其缺省的值为resource，必须将其改为content，才能正确显示。

　　原因是很明显的，这是因为，PhoneGap实际上就是建了一个windows Phone7的一个工程，该工程只有一个webview控件，然后所有的其他的都是html等文件，显然上述的图像不是用于工程的一个resource，而是www下的一个content，所以一定要改成content。

　　下面为全部代码，演示了将一个图片显示为背景，另一付图片显示在前景，并且都是居中显示。

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, height=device-height,
initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>

<title>PhoneGap WP7</title>

<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8"/>

<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />

<style type="text/css" >

.ui-page {

background: transparent url('mybg.png') no-repeat;

background-position:center;

};

</style>

<script src="jquery-1.6.4.min.js"></script>

<script src="jquery.mobile-1.0.1.min.js"></script>

<script type="text/javascript" charset="utf-8" src="phonegap-1.4.0.js"></script>

<script type="text/javascript">

document.addEventListener("deviceready",onDeviceReady,false);

// once the device ready event fires, you can safely do your thing! -jm

function onDeviceReady()

{

}

</script>

</head>

<body>

<div data-role ="page" id="one" align ="center">

<img src ="images-2.jpg" alt="demo"/>

<p>hello test</p>

</div>

</body>

</html>

0 0

美工最好的网游

美工最好的网游

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子怀孕后卵巢囊肿怎么办怀孕吃啥吐啥怎么办巧克力囔肿服发怎么办巧克力卵巢囊肿怎么办铂金项链变形怎么办红米开不开机怎么办金色手表掉色怎么办手表走时不准怎么办石英表停了怎么办机械表不带停了怎么办手机屏外屏碎了怎么办牙齿出现裂缝怎么办牙碎了怎么办选错神器怎么办笔记本电脑不能关机怎么办打孔遇到钢筋怎么办衣服出汗发黄怎么办 lol皮肤领错区怎么办日本签证怎么办胡子多怎么办喝了洁厕灵怎么办鞋子洗完后黄了怎么办鞋子脏了洗不掉怎么办黑色鞋子脏了怎么办鞋白边蹭黑了怎么办皮革鞋子脏了怎么办白色鞋子脏了怎么办磨砂鞋子脏了怎么办鞋子白边蹭黑了怎么办白色皮鞋脏了怎么办 app充值没到账怎么办注销手机号余额怎么办微信充值没有账怎么办 oppo相机打不开怎么办苹果手机发烫怎么办 realtek卸载了怎么办声音太小怎么办电脑桌面没显示怎么办声卡不会调试怎么办麦克风声音很小怎么办显卡驱动不稳定怎么办