如何使用3個視圖而不是9個視圖來實現此佈局？

Question

我有這樣的佈局目前已實施HERE，並使用9次只是在頂部底部+和中心TextView的按鍵。爲了使這個3視圖，這是我的理解，我們需要一個LinearLayout水平，有3個TextViews，他們需要使用可繪製的頂部和底部，問題是根據GIF，注意頂部背景+圖標如何改變同時，我寫了一個結合了圖層列表的選擇器，但它不起作用。

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true"> 
     <layer-list> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="@android:color/transparent"/> 
       </shape> 
      </item> 
      <item> 
       <bitmap 
        android:gravity="center" 
        android:src="@drawable/ic_menu_down_colored"/> 
      </item> 
     </layer-list> 
    </item> 
    <item> 
     <layer-list> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="@color/purple"/> 
       </shape> 
      </item> 
      <item> 
       <bitmap 
        android:gravity="center" 
        android:src="@drawable/ic_menu_down_transparent"/> 
      </item> 
     </layer-list> 
    </item> 
</selector> 

，關於如何在XML或代碼創建的化合物可繪製的，以實現此的任何意見和建議是高度讚賞

Answer 1

上有this post相似但稍微不同的實現。其中之一可能會幫助您實現您在問題中提到的內容。