开发运行环境：JDeveloper 11.1.2.4 + Android SDK r21.1
安装好ADF Mobile extension后，在C:\Oracle\JDev11.1.2.4\jdeveloper\jdev\extensions\oracle.adf.mobile\Samples目录下有个PublicSamples.zip文件。
解压后，里面就是ADF Mobile Samples。
HelloWorld无疑是一个入门级的例子，它使用了local HTML创建了一个简单的页面。
HelloWorld可以用来测试开发环境是否安装配置正确。
知识点：
1. 使用ADF Mobile JavaScript API隐藏或显示Navigation Bar
index.html代码如下：
<!DOCTYPE html>
<html>
<head>
<!-- Change this if you want to allow scaling -->
<meta name="viewport" content="width=user-scalable=no, device-width"/>
<script type="text/javascript">if (!window.adf) window.adf = {}; adf.wwwPath = "../../../../www/";</script>
<script type="text/javascript" src="../../../../www/js/base.js"></script>
<script type="text/javascript">
var showingNavBar = true;
function onPageComplete() {
showingNavBar = true;
}
function onToggleNavBar() {
if (showingNavBar) {
adf.mf.api.hideNavigationBar();
showingNavBar = false;
}
else {
adf.mf.api.showNavigationBar();
showingNavBar = true;
}
}
document.addEventListener("showpagecomplete", onPageComplete, false);
</script>
<title>Hello World</title>
</head>
<body>
<h1>Hello World</h1>
<button type="button" onclick="onToggleNavBar()">Toggle Nav Bar</button>
</body>
</html>
说明：本系列教程使用的Android 模拟器配置如下：
Project 下载：PublicSamples.zip
没有评论:
发表评论