App

 Inventor  Designer    
Palette:    User  Interface   Viewer:  Drag  the  user   Components:  Shows  the   Properties:  
components  like  Canvas,   interface  components  here   organization  of  the   Edit  the  
ImageSprite,     Sound,  Button,   to  add  them  to  the  current   components  on  the  current   properties  of  
and  the  AccelerometerSensor   screen.  Some  components   screen.    Use  the  buttons   the  current  
 
are  listed  here  in  categories.     are  not  visible  on  the  screen   below  the  components  to   (highlighted)  
Click  on  t   he  category  name  to   and  show  up  below  the   rename  and  delete  the   component  
see  the  UI  components.   screen.   components.   here.  
 

 
  
Basic  
• Button  
• Canvas    
• Label  
• Textbox    
Media    
•
•
Camera  
ImagePicker  
 
• Sound  
Animation    
• Ball  
• ImageSprite  
Sensors  
• AccelerometerSensor  
 

 
 
App  Inventor  Blocks  Editor  

This  is  the  area  where  you  will  create  your  

programs.    The  components  you  added  
are  listed  under  Screen1.  Click  on  a  
component  name  on  the  left  and  you  will  
see  a  menu  of  blocks  for  that  component.    
Drag  a  block  from  the  left  into  this  area.