이미지, 텍스트 및 두 가지 색상의 단추를 만드는 방법은 무엇입니까?

Question

다음은 내가 생각하는 링크입니다.

https://dribbble.com/shots/1407665-Categories/attachments/204971

그렇지 않으면 나는 사용자 정의 경로를가는 괜찮아 오전, 인기있는 라이브러리 누군가가이를 관리 할 수 ​​있습니다 알고입니다.

내 9 개의 버튼이 내 XML에 정의되어 있습니다.

다음으로 "button_shape.xml"과 같은 drawable 폴더에 xml 파일을 만들어야한다는 것을 알고 있습니다. 그럼 난 내 코드에 이것을 추가 :

내 버튼에 이미지가 만들어 android:background="@drawable/button_shape"

, 내가 가진 가정 : 내가 마지막으로 생각

android:drawableTop="@drawable/buttonImage" 

이다 나는 바닥을 유지하는 모양을 만들 어떻게 텍스트와 일정한 크기의 색상을 지정하십시오. 다른 버튼 크기를 허용하면서. 또한 각 버튼의 스타일을 설정하고이를 다음과 같이 쉽게 정의하여 색상을 쉽게 교체 할 수 있습니다.

<style name ="ButtonTheme.Custom1" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_blue_light</item> 
     <item name="colorPrimaryDark">@android:color/holo_blue_dark</item> 
    </style> 

    <style name ="ButtonTheme.Custom2" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_green_light</item> 
     <item name="colorPrimaryDark">@android:color/holo_green_dark</item> 
    </style> 

    <style name ="ButtonTheme.Custom3" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_red_light</item> 
     <item name="colorPrimaryDark">@android:color/holo_red_dark</item> 
    </style> 

    <style name ="ButtonTheme.Custom4" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_orange_light</item> 
     <item name="colorPrimaryDark">@android:color/holo_orange_dark</item> 
    </style> 

    <style name ="ButtonTheme.Custom5" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_blue_bright</item> 
     <item name="colorPrimaryDark">@android:color/holo_blue_light</item> 
    </style> 

내 사용자 정의 모양은 지금까지와 비슷합니다. 하지만 버튼의 크기에 따라 다른 색상이 움직이는 동안 어두운 색상을 일정한 크기로 유지하려면 어떻게해야합니까?

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
    <item android:bottom="10dp"> 
     <shape android:shape="rectangle" > 
      <size android:height="10dp" /> 
      <solid android:color="@color/colorPrimaryDark" /> 
     </shape> 
    </item> 

    <item android:top="120dp"> 
     <shape android:shape="rectangle" > 
      <size android:height="120dp" /> 
      <solid android:color="@color/colorPrimary" /> 
     </shape> 
    </item> 
</layer-list> 

Answer 1

당신은 RecyclerView 및 StaggeredGrid

이 https://developer.android.com/reference/android/support/v7/widget/StaggeredGridLayoutManager.html