Android按钮样式布局

Question

我有一个仪表板，其图标和文字如下图所示。 我想要的是“我的状态”文本背后的圆角填充背景。我画了我想要的图片，但它需要填充，不仅像这里一样有边界（这只是为了清晰起见，我在图片上绘制了它）。

<style name="DashboardButton"> 
     <item name="android:layout_gravity">center_vertical</item> 
     <item name="android:layout_width">wrap_content</item> 
     <item name="android:layout_height">wrap_content</item> 
     <item name="android:gravity">center_horizontal</item> 
     <item name="android:drawablePadding">2dp</item> 
     <item name="android:textSize">14dp</item> 
     <item name="android:textColor">#877871</item> 
     <item name="android:background">@null</item> 
</style> 

我怎样才能适应这种风格acheive它：

眼下这个按钮是通过风格使？ 我也可以通过样式设置悬停和活动状态吗？

Answer 1

对于按钮文本的背景，您可以尝试使用自定义背景图形进行此操作，但我认为将“按钮”分成两部分并将图标部分呈现为ImageButton和标签部分作为背景的自定义ShapeDrawable的正常按钮，例如像这样：

<shape> 
     <solid android:color="#0000FF" /> 
     <stroke 
      android:width="2dp" 
      android:color="#FFFFFF" /> 
     <corners 
      android:radius="8dp" /> 
     <padding 
      android:left="8dp" 
      android:top="8dp" 
      android:right="8dp" 
      android:bottom="8dp" /> 
    </shape> 

有关设置悬停和活动状态可以使用Android的StateListDrawable。