Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>As I said, I ask my workmate to split original image as three images:<br/></p> <p>1 : background image without dash line(9-patch)<br/> <img src="https://i.stack.imgur.com/KuzZO.png" alt="enter image description here"></p> <p>2 : dash line image(9-patch)<br/> <img src="https://i.stack.imgur.com/TkeUf.png" alt="enter image description here"></p> <p>3 : oval shape(9-patch)<br/> <img src="https://i.stack.imgur.com/qa24P.png" alt="enter image description here"></p> <p>I used a layer-list to make it together, below is runtime screen shot(still had some design problem):<br/> <img src="https://i.stack.imgur.com/jV5P2.png" alt="enter image description here"></p> <p>my layout define is : </p> <pre><code> &lt;LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/title_bg_content_area"&gt; &lt;Button android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="@drawable/title_item_selected" android:text="文字" android:textSize="20sp" android:textColor="#fefffc" /&gt; &lt;Button android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="@null" android:text="有声" android:textSize="20sp" android:textColor="#b1d596" /&gt; &lt;Button android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="@null" android:text="本地" android:textSize="20sp" android:textColor="#b1d596" /&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; &lt;layer-list&gt; &lt;item android:drawable="@drawable/title_bg" /&gt; &lt;item android:top="50dp"&gt; &lt;bitmap android:src="@drawable/title_bg_wrap_line" android:tileMode="repeat" /&gt; &lt;/item&gt; &lt;/layer-list&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    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. 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