pasta onsen dentro da pasta www no projeto no AS.Mover as pastas lib e styles que estao dentro da pasta \onsenui-sliding-menu\www nos arquivos descompactados acima para a pasta www no ASCopiar o codigo abaixo no index.html dentro <body> portanto o projeto vai econtrar todos os css e js necessarios para rodar tudo, angular, cordova e onsen.<link rel="stylesheet" href="onsen/lib/onsen/css/onsenui.css"><link rel="stylesheet" href="onsen/styles/onsen-css-components-blue-theme.css"><link rel="stylesheet" href="onsen/styles/app.css"/><script src="onsen/lib/onsen/js/angular/angular.js"></script><script src="js/angular-touch.js"></script><script src="onsen/lib/onsen/js/onsenui.js"></script><script type="text/javascript" src="cordova.js"></script><script type="text/javascript" src="js/index.js"></script><link rel="stylesheet" href="css/compose.css">Obter o angular-touch.js na internet, este script da maior velocidade de resposta ao "touch" para os elementos clicaveis da DOM. Mover para a pasta /js.Copiar o aqruivo de estilo "compose.css" para a pasta de estilo do projeto, "/css". No final deste post esta o codigo para criar o compose.css. Para dar um embelezada no exemplo....Deletar o codigo abaixo no <body> pois ja e chamado no <body>, acima:<script type="text/javascript" src="cordova.js"></script><script type="text/javascript" src="js/index.js"></script>Copiar o arquivo AASis78x31branco.png, pode ser qualquer outro mantendo o tamanho em pixel. Logo do desenvolvedor que sera apresentado na toolbar do app. Copiar para a pasta C:\Users\alexandre.alves\Documents\MobileApps\meuapp\platforms\android\assets\www\imgModifique a diretiva abaixo na secao <head> para "Seu APP":<title>Meu APP</title>Coloque a linha a seguir no lugar da original na secao <head> para permitir rodar scripts "inline":<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">Copie o codigo abaixo para a secao <head> para tratar do botao "back" do Android quando for sair do app:<script type="text/javascript" charset="utf-8">var module = angular.module('app', ['onsen','ngTouch']);function backbuttonpage(){ //var r = ons.notification.confirm("Deseja realmente sair do App?"); var r = confirm("Deseja realmente sair do App?"); if (r == true) { //navigator.notification.vibrate(500); navigator.app.exitApp(); } else { }}</script>Modifique o <body> conforme abaixo:<body ng-app="app">Delete a linha abaixo da secao <head> (o onsen tem seu proprio estilo, esta linha e do Cordova)<link rel="stylesheet" type="text/css" href="css/index.css">Copiar um arquivo, usei o proprio icone em 48x48 pixels, para a pasta img do projeto, usar o nome abaixo: ic_launcher.pngOpcional: Criar o icone do meuapp nos varios tamanhos e distribuir pelos diretorios:Comentar as linhas abaixo no arquivo index.js (o template cordova informa que o dispositivo esta pronto via modificacoes em alguns elementos da DOM, desnecessario nesta aplicacao com IHM onsen, deixei apenas uma msg de console que informa que esta "ready");//var listeningElement = parentElement.querySelector('.listening');//var receivedElement = parentElement.querySelector('.received');//listeningElement.setAttribute('style', 'display:none;');//receivedElement.setAttribute('style', 'display:block;');Abaixo a secao <body> final, copiar para o index.html do projeto (e um template de uma app de corrida em que trabalho no momento):<body id="deviceready" ng-app="app"> <ons-navigator animation="slide" var="indexnavi"> <ons-page> <ons-toolbar fixed-style> <div class="center">meuapp</div> <div class="right" style="padding: 7px;"> <img src="img/AASis78x31branco.png" alt="AASis" > </div> </ons-toolbar> <ons-list style="font-size: 20px; margin-top: 10px;"> <ons-list-item> <ons-row> <ons-col width="30%"> <img src="img/ic_launcher.png" id="popoverb1" class="thumbnail" > </ons-col> <ons-col width="70%"> <p class="mytextarea"> Meu APP Phonegap + Cordova + OnsenUI </p> </ons-col> </ons-row> </ons-list-item > <ons-list-header><div style="font-size: 20px;">Lista de Links</div></ons-list-header> <ons-list-item modifier="chevron"> <ons-icon icon="fa-caret-square-o-right" fixed-width="false"></ons-icon> Item 1 </ons-list-item> <ons-list-item modifier="chevron"> <ons-icon icon="fa-caret-square-o-right" fixed-width="false"></ons-icon> Item 2 </ons-list-item> <ons-list-item modifier="chevron"> <ons-icon icon="fa-caret-square-o-right" fixed-width="false"></ons-icon> Item 3 </ons-list-item> <ons-list-item> </ons-list-item> <ons-list-item style="font-size: 18px" modifier="chevron"> <ons-icon icon="fa-question-circle" fixed-width="false"></ons-icon> Ajuda </ons-list-item> <ons-list-item style="font-size: 18px" modifier="chevron"> <ons-icon icon="fa-info-circle" fixed-width="false"></ons-icon> Sobre </ons-list-item> <ons-list-item onclick="backbuttonpage()" style="font-size: 18px" modifier="chevron"> <ons-icon icon="fa-sign-out" fixed-width="false"></ons-icon> Sair do APP </ons-list-item> <ons-list-item style="font-size: 18px" modifier="chevron"> <ons-icon icon="fa-envelope-o" fixed-width="false" style="opacity:1"></ons-icon> <a href="mailto:alexandremagnoalves@gmail.com">Alexandre Alves</a> &nbsp;&nbsp;Sugestoes </ons-list-item>