自定义 AppCompatButton drawableLeft？

Question

我怎样才能像下图一样放置drawableLeft 和AppCompatButton 的按钮文本？

我已尝试应用 paddingLeft，但文本从可绘制对象移到右侧。

<android.support.v7.widget.AppCompatButton
                android:id="@+id/filterBy"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawableLeft="@drawable/ic_btn_filter"
                android:paddingLeft="20dp"
                android:text="@string/filter_by"
                android:textAllCaps="false" />

到目前为止，结果看起来像

布局

   <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/profileHeader"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_marginTop="10dp">

            <android.support.v7.widget.AppCompatButton
                android:id="@+id/findFriends"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawableLeft="@drawable/ic_btn_search"
                android:text="@string/find_friends"
                android:textAllCaps="false" />

            <android.support.v7.widget.AppCompatButton
                android:id="@+id/filterBy"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawableLeft="@drawable/ic_btn_filter"
                android:text="@string/filter_by"
                android:textAllCaps="false" />
      </LinearLayout>

以及解释清楚的要求。

使用layout_weight 属性调整两个按钮的宽度，我要做的是，文本应该在按钮的中心 并且drawable应该在文本的左侧附近对齐。

有什么建议吗？

Answer 1

使用

 android:drawablePadding=""

Answer 2

可能你不能，如果你想要这样，那么你必须使用像这样的复杂布局see