Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You can do something like the following. Using the example below, you would have to manage the selected visibility of the pointer ImageView and the selected text color in your code.</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#669999" android:gravity="center" android:orientation="horizontal" &gt; &lt;LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight=".1" android:gravity="bottom|right" android:orientation="vertical" &gt; &lt;RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" &gt; &lt;TextView android:id="@+id/item_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:gravity="center_vertical|right" android:text="Favourites" android:textColor="#33CCFF" android:textSize="42sp" /&gt; &lt;ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@+id/item_text" android:background="@drawable/pointer" android:visibility="invisible" /&gt; &lt;/RelativeLayout&gt; &lt;RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" &gt; &lt;TextView android:id="@+id/item_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:gravity="center_vertical|right" android:text="Coffee" android:textColor="#FFFF00" android:textSize="42sp" /&gt; &lt;ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@+id/item_text" android:background="@drawable/pointer" /&gt; &lt;/RelativeLayout&gt; &lt;RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" &gt; &lt;TextView android:id="@+id/item_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:gravity="center_vertical|right" android:text="Milk" android:textColor="#33CCFF" android:textSize="42sp" /&gt; &lt;ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@+id/item_text" android:background="@drawable/pointer" android:visibility="invisible" /&gt; &lt;/RelativeLayout&gt; &lt;RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" &gt; &lt;TextView android:id="@+id/item_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:gravity="center_vertical|right" android:text="Instant" android:textColor="#33CCFF" android:textSize="42sp" /&gt; &lt;ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@+id/item_text" android:background="@drawable/pointer" android:visibility="invisible" /&gt; &lt;/RelativeLayout&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight=".9" android:background="#33CCFF" &gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; </code></pre> <p>It will look like the following :</p> <p><img src="https://i.stack.imgur.com/yxxra.png" alt="screen mockup"></p> <p>There's only one image used in this layout. That is the pointer.png which I whipped up for this example.</p> <p><img src="https://i.stack.imgur.com/b1ySc.png" alt="pointer.png"></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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