Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Create a 9patch png version of your image. This is an image where only certain areas can stretch. There is a tool in the android SDK <a href="http://developer.android.com/tools/help/draw9patch.html" rel="nofollow">have a look</a>. (You need to make the area to the left of the arrow the only part that stretches).</p> <p>Then use a frame layout with two Layouts inside; One for the bright blue background and one for the pointer. Eg:</p> <pre><code>&lt;FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width/height/ect...&gt; &lt;LinearLayout android:id="BlueBackground" android:background="brightblue" android:layout_width/height/ect.../&gt; &lt;LinearLayout android:id="Pointer" android:background="pointer9patch" android:layout_width/height/ect...&gt; //The List &lt;/LinearLayout&gt; &lt;/FrameLayout&gt; </code></pre> <p><strong>EDIT:</strong></p> <p>If you want to the pointer menu to only take up a certain portion of the screen you can use a horizontal linearlayout to split the screen in two:</p> <pre><code> &lt;FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width/height/ect...&gt; &lt;ImageView android:id="BlueBackground" android:layout_width/height/ect...&gt; &lt;LinearLayout android:id="HSplitLayout" orientation="horizontal"&gt; &lt;LinearLayout android:id="Pointer" android:layout_width/height/ect...&gt; //The List &lt;/LinearLayout&gt; &lt;ContentOnRight...&gt; &lt;/LinearLayout&gt; &lt;/FrameLayout&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload