1. Nimm jetzt an unserem Uhans - 3. ADVENT - Gewinnspiel teil - Alle Informationen findest Du hier!

phoneGap-Accelerometer

Dieses Thema im Forum "Android App Entwicklung" wurde erstellt von tanzverfuehrung, 13.12.2011.

  1. tanzverfuehrung, 13.12.2011 #1
    tanzverfuehrung

    tanzverfuehrung Threadstarter Neuer Benutzer

    Beiträge:
    8
    Erhaltene Danke:
    0
    Registriert seit:
    02.11.2011
    Hallo, also ich soll will mal bisschen mit phone gab rum spielen und ausprobieren!
    leider habe ich keine erfahrung mit javascript und html, sondern bis jetzt nur mit Java.

    ich wollte ein beispiel nach programmieren, für mein verständnis, dass ich danach mir ein eigenes spiel erstellen kann!
    mir geht es am meisten um den Accelerometer

    PhoneGap API Documentation


    da habe ich ein schönes beispiel gefunden:
    The ADC presents PhoneGap APIs « PhoneGap

    , was ich anch programmieren soll

    meine index.html

    sieht so aus
    HTML:
    <!DOCTYPE HTML>
     <html>
       <head>
         <title>Accelerometer</title>
            <link rel="stylesheet" href="styles/application.css" type="text/css" />
            <link rel="stylesheet" href="styles/accelerometer.css" type="text/css" />
                  
            <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
            <script type="text/javascript" charset="utf-8" src="jquery.mobil-1.0.min.js"></script>
    
            <script type="text/javascript">
            
           $ (document).bind('deviceready', function(){
            var watchId= = 0;
             $ ( '#btnWatch' ).bind( 'touchstart', function(){
             if( watchId == 0 )
             {
             watchId = navigator.accelerometer.watchAcceleration( function(acceleration )
                    $( '#txtX' ).attr( 'value', acceleration.x );
                    $( '#txtY' ).attr( 'value', acceleration.y );
                    $( '#txtZ' ).attr( 'value', acceleration.z );
                }, function( error ){
                    console.log( 'Error' ) ;
                },{
                    frequency: 100
                    });
                $( '#btnWatch' ).html( 'Stop Watching' );
            }else{
                navigator.accelerometer.clearWatch( watchId );
                $( 'btnWatch' ).html( 'Watch Accelerometer');
                watchId = 0;
                }
                                </script>
                                       </head>
                                           <body>
           <div class= "header">
                       Accelerometer
                               </div>
            <div class="panel">
            
            <label id="lblX">Acceleration X: </label>
            <input id="txtX" type="number" value="0"/>
            
            <label id="lblY">Acceleration Y: </label>
            <input id="txtY" type="number" value="0"/>
            
            <label id="lblZ">Acceleration Z: </label>
            <input id="txtZ" type="number" value="0"/>
    
     <div id= "btnWatch" class = "hotspot">
                            Watch Accelerometer
                                </div>
                                     </div>
                                         </body>
                                                </html>
    mein app jedoch zeigt mir keinen button an, sondern nur die fenster für x,y,z !:crying::crying::crying:

    kann mir eventuell jemand weiter helfen?

    wo kommen diese datein her?
    application.css
    und accelerometer.css????

    muss ich sie downloaden oder selber schreiben?

    das verstehe ich nciht ganz..!und finde leider auch kein gutes beispiel für den Accelerometer:cursing:

    die java script datein habe ich gedownloaded
     
    Zuletzt bearbeitet: 13.12.2011

Diese Seite empfehlen