title: How do I add a graphic overlay on an activity? Android
body: <p>I am trying to have a picture show up in the middle of the screen guiding people what to press (eg an arrow to a button). What do I use so that the arrow design will show up at the appropriate spot and dissapear after I do something (like press the screen)</p>
  
  <p>Thanks!</p>
  
  <p>EDIT
  Here is the xml layout for one of my activities, note the imageview at the bottom, it shows the picture in the front</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;RelativeLayout android:layout_width="fill_parent"
      android:layout_height="45dp" android:background="@drawable/mytitlebackground" android:id="@+id/relativeLayout1"&gt;
      &lt;ImageButton android:id="@+id/btnAddFriends"
          android:layout_width="wrap_content" android:src="@android:drawable/ic_input_add"
          android:layout_height="wrap_content" android:layout_alignParentTop="true"
          android:layout_alignParentRight="true"&gt;&lt;/ImageButton&gt;
      &lt;TextView android:id="@+id/textView1" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="@string/imTracking" android:textAppearance="?android:attr/textAppearanceLarge" android:layout_centerVertical="true" android:layout_centerHorizontal="true"&gt;&lt;/TextView&gt;
  &lt;/RelativeLayout&gt;
  
  &lt;Button android:id="@+id/btnUpdateLocation" android:text="Update Location"
      android:layout_width="wrap_content" android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      android:layout_centerHorizontal="true"&gt;&lt;/Button&gt;
  &lt;ImageButton android:src="@drawable/mapbutton"
      android:layout_width="wrap_content" android:id="@+id/btnMaps"
      android:layout_height="wrap_content" android:layout_alignParentBottom="true"
      android:layout_alignParentRight="true" android:layout_alignTop="@+id/btnUpdateLocation"&gt;&lt;/ImageButton&gt;
  &lt;ImageButton android:text="Refresh"
      android:src="@android:drawable/stat_notify_sync" android:layout_width="wrap_content"
      android:id="@+id/btnRefresh" android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      android:layout_alignParentLeft="true"&gt;&lt;/ImageButton&gt;
  &lt;LinearLayout android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:layout_below="@+id/relativeLayout1"
      android:layout_alignParentLeft="true" android:layout_above="@+id/btnUpdateLocation" android:id="@+id/linearLayout1"&gt;
      &lt;ListView android:id="@+id/imtrackinglistview"
          android:layout_height="wrap_content" android:layout_width="fill_parent"
          android:layout_weight="1"&gt;&lt;/ListView&gt;
  &lt;/LinearLayout&gt;
  &lt;ImageView android:id="@+id/iVImtrackingpopup" android:layout_width="300dp" android:layout_height="330dp" android:src="@drawable/imtrackinghelp_en" android:layout_centerVertical="true" android:layout_centerHorizontal="true"&gt;&lt;/ImageView&gt;
  </code></pre>
  
  <p></p>
  
  <p>When I try to "click" the relative layout to make the image invisible, it doesn't work unless I click the top of the layout </p>
  
  <pre><code>RelativeLayout Imtrackingrelativelayout=(RelativeLayout) findViewById(R.id.relativeLayoutImtracking);
      Imtrackingrelativelayout.setOnClickListener(new OnClickListener() {
  
          @Override
          public void onClick(View v) {
              ImageView imtrackingoverlay=(ImageView) findViewById(R.id.iVImtrackingpopup);
              imtrackingoverlay.setVisibility(View.INVISIBLE);
  
          }
      });
  </code></pre>