[問題] 如何設計出此一樣式的Layout?

[sweet00914 (別理我)]

如下圖所示:http://imgur.com/ZMxghBY

請問各位大大，在上圖中三個按鈕如果是tablayout的按鈕的話~

那麼請問button與上一個imageview之間的空白處該如何設計的?

下圖是我目前的設計的結果~http://imgur.com/OWLbzeR(已更新)

有請各位大大的一些建議~謝謝

以左邊的按鈕來說，我有兩個STATE的背景圖http://imgur.com/EM7Z5eO
                                       http://imgur.com/rXdoReh
=========================================================================
  <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginTop="-20dp"
        android:stretchColumns="0,1,2" >

        <TableRow>

            <Button
                android:id="@+id/btn_topnew"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="40dp"
                android:layout_weight="1"
                android:background="@drawable/tab_selector1"
                android:focusable="true"
                android:text="最新上架"
                android:textColor="#ffffffff" />
-------------------------------------------------------------------------
tab_selector1:


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/btn_left_blue" android:state_enabled="true" android:state_focused="true"><shape></shape></item>
    <!-- focus state -->

    <item android:drawable="@drawable/btn_left_green" android:state_enabled="true" android:state_pressed="true"/>
    <!-- press state -->
    <item android:drawable="@drawable/btn_left_blue"/>

</selector>

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 124.219.9.200
※ 文章網址: http://www.ptt.cc/bbs/AndroidDev/M.1396838563.A.E32.html
→ henry4343:relativelayout+圖片美工？
三個BUTTON的背景圖有了~樓上大大是否有更進一步的建議呢?謝謝0.0
※ 編輯: sweet00914 (124.219.9.200), 04/07/2014 11:37:04
※ 編輯: sweet00914 (124.219.9.200), 04/07/2014 11:45:35
推 jerrysky:imageview放在最下層的layout中，button跟白線是同一張
→ jerrysky:圖，在開一個relativelayout去放button