sample-apps/java/appinventor2/war/learn/reference/other/emulator.html at taskqueue · AppScale/sample-apps · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8" />
  <meta content="App Inventor for Android" name="description" />
  <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
  <title>
   Emulator - App Inventor for Android
  </title>
  <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
  <link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
  <link href="/static/css/appinventor.css" rel="stylesheet" />
  <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
  </script>
  <script>
   var tracker = new gweb.analytics.AutoTrack({
        profile: 'UA-5856106-2'
      });
  </script>
  <script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
  <style>
   img.c2 {border-width:0}
    div.c1 {clear:both;}
  </style>
 </head>
 <body>
  <script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> <a href="/learn/">Learn</a> &gt; <a href="/learn/reference/">Reference</a> &gt;             Emulator &gt; ');</script><br>
  <div id="aiac">
   <div class="main-container">
    <div class="customhr customhr-gray">
    </div>
    <div class="content">
     <div class="content-body">
      <div class="learn-page">
       <h1>
        Building Apps with the Emulator
       </h1>
       <p>
        App Inventor includes an emulator for the phone. The emulator lets you develop and
                test apps using a virtual phone instead of a real phone. Instead of connecting a
                phone to the USB port, just start the emulator program. When you click
        <span class="ButtonText">
         Connect to Phone
        </span>
        in the Blocks Editor, your app will appear in
                the emulator.
       </p>
       <p>
        You can't do everything with the emulator that you can with a real phone — you
                can't shake it, for example, and the emulator can't make or recieve phone calls —
                but you can use the emulator to create apps and test them, and install them on a
                phone later if you like.
       </p>
       <h2>
        Starting the Emulator
       </h2>
       <p>
        You don't need to download any additional software to use the emulator. It was
                included with the software you already downloaded as part of the App Inventor
                Extras Package. Navigate to the directory where the App Inventor Extras software
                was installed, locate the folder called commands-for-appinventor and run the
                command
        <br />
        <code>
         run-emulator
        </code>
       </p>
       <p>
        Be patient: The emulator takes a long time to start, even a minute or more. That's
                because it's booting up the virtual phone from scratch.
       </p>
       <p>
        The emulator will appear in its own window on your computer. As you work, you'll
                need to switch among the emulator window, the Blocks Editor, and the Designer.
       </p>
       <p>
        Don't connect a physical phone to the computer while you're using the emulator, or
                App Inventor will become confused.
       </p>
       <h2>
        App Development with the Emulator
       </h2>
       <p>
        Start the emulator and use App Inventor just as you would with a real phone:
                connect to the App Inventor site, start the Blocks Editor, and press
        <span class="ButtonText">
         Connect to Phone
        </span>
        . Your application should appear in the
                emulator. Don't forget to "unlock" the virtual phone after it starts up.
       </p>
       <p>
        When your app is finished, you can download it to your computer just as you would
                if you'd been developing on a real phone.
       </p>
       <blockquote class="notice">
        <b>
         Tips:
        </b>
        The emulator provided with App Inventor is the standard Android
                emulator. You can learn more about it from the
        <a href="http://developer.android.com/guide/developing/tools/emulator.html">
         Android
                Emulator
        </a>
        section of the
        <em>
         Android Developer's Guide
        </em>
        . For example, you
                might want to download and install a different "skin" to make the virtual phone
                look different from the default that App Inventor uses.
       </blockquote>
      </div>
     </div>
    </div>
    <div class="footer">
     <script language = "JavaScript">createFooter();</script><br>
     <div class="footer-lastupdate">
      <script>
       if (document.lastModified != '') {
                var m = "Page last updated: " + document.lastModified;
                var p = m.length-8;
                document.writeln("<center>");
                document.write(m.substring(p, 0));
                document.writeln("<\/center>");
              }
      </script>
     </div>
    </div>
   </div>
  </div>
 </body>
</html>