blocks|key|938209|text|如果你尝试android:gravity="center_horizontal“会发生什么？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|938210|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

What happens if you try android:gravity="center_horizontal"?

blocks|key|938287|text|我知道这个问题有点老了，但也许你仍然愿意寻求提示或变通办法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|938288|创建一个RelativeLayout+"wrap_content“，将按钮图像作为布局的背景，或者将按钮本身作为布局的第一个元素。获取一个LinearLayout并将其设置为"layout_centerInParent“和"wrap_content”。然后将您的可绘制设置为Imageview。最后，使用您的文本(区域设置)设置TextView。|938289|所以基本上你有这样的结构：|938290|RelativeLayout
++Button
++++LinearLayout
++++++ImageView
++++++TextView|code-block|syntax|javascript|938291|或者像这样：|938292|RelativeLayout+with+"android-specific"+button+image+as+background
++LinearLayout
++++ImageView
++++TextView|938293|我知道使用这个解决方案有很多元素要处理，但是你可以用它很容易地创建你自己的自定义按钮，还可以设置文本和绘图的确切位置:)|938294|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I know this question is a bit older, but perhaps you're still open for hints or workarounds:

Create a RelativeLayout "wrap_content" with the button image as the background or the button itself as the first element of the layout. Get a LinearLayout and set it to "layout_centerInParent" and "wrap_content". Then set your Drawable as an Imageview. At last set a TextView with your text (locale).

so basically you have this structure:

<pre><code>RelativeLayout
 Button
 LinearLayout
 ImageView
 TextView
</code></pre>

or like this:

<pre><code>RelativeLayout with "android-specific" button image as background
 LinearLayout
 ImageView
 TextView
</code></pre>

I know with this solution there are many elements to deal with, but you can create very easy your own custom button with it and also set the exact position of text and drawables :)

blocks|key|938333|text|我认为android:gravity=的“中心”应该行得通。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|938334|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I think android:gravity= "centre" should work

blocks|key|1152655|text|android:drawableLeft总是保持android:paddingLeft与左边框的距离。当该按钮未设置为android:width="wrap_content“时，它将始终挂在左侧！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1152656|在Android4.0(API14级)中，您可以使用android:drawableStart属性在文本的开头放置一个可绘制的内容。我想出的唯一向后兼容的解决方案是使用ImageSpan创建Text%2BImage+Spannable：|offset|length|1152657|Button+button+=+(Button)+findViewById(R.id.button);
Spannable+buttonLabel+=+new+SpannableString("+Button+Text");
buttonLabel.setSpan(new+ImageSpan(getApplicationContext(),+R.drawable.icon,++++++
++++ImageSpan.ALIGN_BOTTOM),+0,+1,+Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
button.setText(buttonLabel);|code-block|syntax|javascript|1152658|在我的例子中，我还需要调整Button的android:gravity属性，使其看起来居中：|1152659|<Button
++android:id="@%2Bid/button"
++android:layout_width="wrap_content"
++android:layout_height="wrap_content"
++android:minHeight="32dp"
++android:minWidth="150dp"
++android:gravity="center_horizontal%7Ctop"+/>|1152660|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.android.com/reference/android/R.attr.html#drawableStart|1|http://developer.android.com/reference/android/text/style/ImageSpan.html^0|0|Q|L|0|2C|9|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]|$D|13|E|14|1|15]]|A|$]]|$1|F|3|G|5|H|7|16|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|17|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|18|8|@]|9|@]|A|$I|J]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]|W|$5|R|S|T|A|$U|X]]]]

android:drawableLeft is always keeping android:paddingLeft as a distance from the left border. When the button is not set to android:width="wrap_content", it will always hang to the left!

With Android 4.0 (API level 14) you can use <a href="http://developer.android.com/reference/android/R.attr.html#drawableStart">android:drawableStart</a> attribute to place a drawable at the start of the text. The only backward compatible solution I've come up with is using an <a href="http://developer.android.com/reference/android/text/style/ImageSpan.html">ImageSpan</a> to create a Text+Image Spannable:

<pre><code>Button button = (Button) findViewById(R.id.button);
Spannable buttonLabel = new SpannableString(" Button Text");
buttonLabel.setSpan(new ImageSpan(getApplicationContext(), R.drawable.icon, 
 ImageSpan.ALIGN_BOTTOM), 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
button.setText(buttonLabel);
</code></pre>

In my case I needed to also adjust the android:gravity attribute of the Button to make it look centered:

<pre><code>&lt;Button
 android:id="@+id/button"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:minHeight="32dp"
 android:minWidth="150dp"
 android:gravity="center_horizontal|top" /&gt;
</code></pre>

blocks|key|938447|text|根据Rodja的建议，在4.0之前，没有一种直接的方法将文本与可绘制的文本居中。实际上，设置padding_left值确实会将可绘制内容从边框移开。因此，我的建议是，在运行时，准确地计算可绘制的左边框需要多少像素，然后使用setPadding传递它，计算结果可能如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|938448|int+paddingLeft+=+(button.getWidth()+-+drawableWidth+-+textWidth)+/+2;|code-block|syntax|javascript|938449|您可绘制的宽度是固定的，您可以查看它，也可以计算或猜测文本宽度。|938450|最后，您需要将填充值乘以屏幕密度，这可以使用DisplayMetrics完成|938451|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.android.com/reference/android/view/View.html#setPadding%2528int,%2520int,%2520int,%2520int%2529|1|http://developer.android.com/reference/android/util/DisplayMetrics.html^0|33|A|0|0|0|0|M|E|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

As suggested by Rodja, prior to 4.0 there isn't a direct way to center the text with the drawable. And indeed setting a padding_left value does move the drawable away from the border. Therefore my suggestion is that on runtime you calculate exactly how many pixels from the left border your drawable needs to be and then pass it using <a href="http://developer.android.com/reference/android/view/View.html#setPadding%28int,%20int,%20int,%20int%29" rel="nofollow">setPadding</a> 
Your calculation may be something like

<pre><code>int paddingLeft = (button.getWidth() - drawableWidth - textWidth) / 2;
</code></pre>

The width of your drawable's is fixed and you can look it up and you can also calculate or guess the text width.

Finally, you would need to multiple the padding value by the screen density, which you can do using <a href="http://developer.android.com/reference/android/util/DisplayMetrics.html" rel="nofollow">DisplayMetrics</a>

blocks|key|1152738|text|你可以使用一个自定义按钮来测量和绘制自己，以适应左边的可抽屉。请查找示例和用法here|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1152739|public+class+DrawableAlignedButton+extends+Button+{

++++public+DrawableAlignedButton(Context+context,+AttributeSet+attrs)+{
++++super(context,+attrs);
}

public+DrawableAlignedButton(Context+context)+{
++++super(context);
}

public+DrawableAlignedButton(Context+context,+AttributeSet+attrs,+int+style)+{
++++super(context,+attrs,+style);
}

private+Drawable+mLeftDrawable;

@Override
++++//Overriden+to+work+only+with+a+left+drawable.
public+void+setCompoundDrawablesWithIntrinsicBounds(Drawable+left,
++++++++Drawable+top,+Drawable+right,+Drawable+bottom)+{
++++if(left+==+null)+return;
++++left.setBounds(0,+0,+left.getIntrinsicWidth(),+left.getIntrinsicHeight());
++++mLeftDrawable+=+left;
}

@Override
protected+void+onDraw(Canvas+canvas)+{
++++//transform+the+canvas+so+we+can+draw+both+image+and+text+at+center.
++++canvas.save();
++++canvas.translate(2%2BmLeftDrawable.getIntrinsicWidth()/2,+0);
++++super.onDraw(canvas);
++++canvas.restore();
++++canvas.save();
++++int+widthOfText+=+(int)getPaint().measureText(getText().toString());
++++int+left+=+(getWidth()%2BwidthOfText)/2+-+mLeftDrawable.getIntrinsicWidth()+-+2;
++++canvas.translate(left,+(getHeight()-mLeftDrawable.getIntrinsicHeight())/2);
++++mLeftDrawable.draw(canvas);
++++canvas.restore();
}

@Override
protected+void+onMeasure(int+widthMeasureSpec,+int+heightMeasureSpec)+{
++++super.onMeasure(widthMeasureSpec,+heightMeasureSpec);
++++int+height+=+getMeasuredHeight();
++++height+=+Math.max(height,+mLeftDrawable.getIntrinsicHeight()+%2B+getPaddingTop()+%2B+getPaddingBottom());
++++setMeasuredDimension(getMeasuredWidth(),+height);
}
}|code-block|syntax|javascript|1152740|用法|1152741|<com.mypackage.DrawableAlignedButton
++++++++android:layout_width="0dp"
++++++++android:layout_height="wrap_content"
++++++++android:layout_weight="1"
++++++++android:drawableLeft="@drawable/my_drawable"
++++++++android:gravity="center"
++++++++android:padding="7dp"
++++++++android:text="My+Text"+/>|1152742|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/rajivnarayana/5224881^0|13|4|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

You could use a custom button which measures and draws itself to accomodate a left drawable. Please find example and usage <a href="https://gist.github.com/rajivnarayana/5224881" rel="noreferrer">here</a>

<pre><code>public class DrawableAlignedButton extends Button {

 public DrawableAlignedButton(Context context, AttributeSet attrs) {
 super(context, attrs);
}

public DrawableAlignedButton(Context context) {
 super(context);
}

public DrawableAlignedButton(Context context, AttributeSet attrs, int style) {
 super(context, attrs, style);
}

private Drawable mLeftDrawable;

@Override
 //Overriden to work only with a left drawable.
public void setCompoundDrawablesWithIntrinsicBounds(Drawable left,
 Drawable top, Drawable right, Drawable bottom) {
 if(left == null) return;
 left.setBounds(0, 0, left.getIntrinsicWidth(), left.getIntrinsicHeight());
 mLeftDrawable = left;
}

@Override
protected void onDraw(Canvas canvas) {
 //transform the canvas so we can draw both image and text at center.
 canvas.save();
 canvas.translate(2+mLeftDrawable.getIntrinsicWidth()/2, 0);
 super.onDraw(canvas);
 canvas.restore();
 canvas.save();
 int widthOfText = (int)getPaint().measureText(getText().toString());
 int left = (getWidth()+widthOfText)/2 - mLeftDrawable.getIntrinsicWidth() - 2;
 canvas.translate(left, (getHeight()-mLeftDrawable.getIntrinsicHeight())/2);
 mLeftDrawable.draw(canvas);
 canvas.restore();
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 int height = getMeasuredHeight();
 height = Math.max(height, mLeftDrawable.getIntrinsicHeight() + getPaddingTop() + getPaddingBottom());
 setMeasuredDimension(getMeasuredWidth(), height);
}
}
</code></pre>

Usage

<pre><code>&lt;com.mypackage.DrawableAlignedButton
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:layout_weight="1"
 android:drawableLeft="@drawable/my_drawable"
 android:gravity="center"
 android:padding="7dp"
 android:text="My Text" /&gt;
</code></pre>

blocks|key|938512|text|我最近遇到了同样的问题。试图找到一个更便宜的解决方案，所以想出了这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|938513|+++<LinearLayout
++++++++android:id="@%2Bid/linearButton"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="match_parent"
++++++++android:background="@drawable/selector_button_translucent_ab_color"
++++++++android:clickable="true"
++++++++android:descendantFocusability="blocksDescendants"
++++++++android:gravity="center"
++++++++android:orientation="horizontal"+>

++++++++<ImageView
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:contentDescription="@string/app_name"
++++++++++++android:src="@drawable/ic_launcher"+/>

++++++++<TextView
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="@string/app_name"
++++++++++++android:textColor="@android:color/white"+/>
++++</LinearLayout>|code-block|syntax|javascript|938514|然后在LinearLayout上调用OnClickListener。|offset|length|style|CODE|938515|希望这对某些人有帮助，因为这似乎是一个非常常见的问题。:)|938516|entityMap^0|0|0|3|C|I|F|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

I recently bumped into the same problem. Tried to find a cheaper solution so came up with this.

<pre><code> &lt;LinearLayout
 android:id="@+id/linearButton"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@drawable/selector_button_translucent_ab_color"
 android:clickable="true"
 android:descendantFocusability="blocksDescendants"
 android:gravity="center"
 android:orientation="horizontal" &gt;

 &lt;ImageView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:contentDescription="@string/app_name"
 android:src="@drawable/ic_launcher" /&gt;

 &lt;TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="@string/app_name"
 android:textColor="@android:color/white" /&gt;
 &lt;/LinearLayout&gt;
</code></pre>

Then just call the <code>OnClickListener</code> on <code>LinearLayout</code>.

Hope this helps someone as it seems like a very common problem. :)

blocks|key|938522|text|公共类DrawableCenterTextView扩展了TextView+{|type|unstyled|depth|inlineStyleRanges|entityRanges|data|938523|public+DrawableCenterTextView(Context+context,+AttributeSet+attrs,
++++++++int+defStyle)+{
++++super(context,+attrs,+defStyle);
}

public+DrawableCenterTextView(Context+context,+AttributeSet+attrs)+{
++++super(context,+attrs);
}

public+DrawableCenterTextView(Context+context)+{
++++super(context);
}

@Override
protected+void+onDraw(Canvas+canvas)+{
++++Drawable[]+drawables+=+getCompoundDrawables();
++++if+(drawables+!=+null)+{
++++++++Drawable+drawableLeft+=+drawables[0];
++++++++Drawable+drawableRight+=+drawables[2];
++++++++if+(drawableLeft+!=+null+%7C%7C+drawableRight+!=+null)+{
++++++++++++float+textWidth+=+getPaint().measureText(getText().toString());
++++++++++++int+drawablePadding+=+getCompoundDrawablePadding();
++++++++++++int+drawableWidth+=+0;
++++++++++++if+(drawableLeft+!=+null)
++++++++++++++++drawableWidth+=+drawableLeft.getIntrinsicWidth();
++++++++++++else+if+(drawableRight+!=+null)+{
++++++++++++++++drawableWidth+=+drawableRight.getIntrinsicWidth();
++++++++++++}
++++++++++++float+bodyWidth+=+textWidth+%2B+drawableWidth+%2B+drawablePadding;
++++++++++++canvas.translate((getWidth()+-+bodyWidth)+/+2,+0);
++++++++}
++++}
++++super.onDraw(canvas);
}|code-block|syntax|javascript|938524|}|938525|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

public class DrawableCenterTextView extends TextView {

<pre><code>public DrawableCenterTextView(Context context, AttributeSet attrs,
 int defStyle) {
 super(context, attrs, defStyle);
}

public DrawableCenterTextView(Context context, AttributeSet attrs) {
 super(context, attrs);
}

public DrawableCenterTextView(Context context) {
 super(context);
}

@Override
protected void onDraw(Canvas canvas) {
 Drawable[] drawables = getCompoundDrawables();
 if (drawables != null) {
 Drawable drawableLeft = drawables[0];
 Drawable drawableRight = drawables[2];
 if (drawableLeft != null || drawableRight != null) {
 float textWidth = getPaint().measureText(getText().toString());
 int drawablePadding = getCompoundDrawablePadding();
 int drawableWidth = 0;
 if (drawableLeft != null)
 drawableWidth = drawableLeft.getIntrinsicWidth();
 else if (drawableRight != null) {
 drawableWidth = drawableRight.getIntrinsicWidth();
 }
 float bodyWidth = textWidth + drawableWidth + drawablePadding;
 canvas.translate((getWidth() - bodyWidth) / 2, 0);
 }
 }
 super.onDraw(canvas);
}
</code></pre>

}

blocks|key|938581|text|肮脏的修复。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|938582|android:paddingTop="10dp"
android:drawableTop="@drawable/ic_src"|code-block|syntax|javascript|938583|计算正确的填充解决了这个问题。但是，对于不同屏幕，使用不同的填充，并将其放在各个值文件夹中的dimens资源中。|938584|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Dirty fix.

<pre><code>android:paddingTop="10dp"
android:drawableTop="@drawable/ic_src"
</code></pre>

Figuring right padding solve the purpose. However, for varied screen, use different padding and put that in dimens resource in respective value folder.

blocks|key|938659|text|我知道我在回答这个问题时来晚了，但这对我有帮助：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|938660|<FrameLayout
++++++++++++android:layout_width="match_parent"
++++++++++++android:layout_height="35dp"
++++++++++++android:layout_marginBottom="5dp"
++++++++++++android:layout_marginTop="10dp"
++++++++++++android:background="@color/fb"+>

++++++++++++<Button
++++++++++++++++android:id="@%2Bid/fbLogin"
++++++++++++++++android:layout_width="wrap_content"
++++++++++++++++android:layout_height="match_parent"
++++++++++++++++android:layout_gravity="center"
++++++++++++++++android:background="@null"
++++++++++++++++android:drawableLeft="@drawable/ic_facebook"
++++++++++++++++android:gravity="center"
++++++++++++++++android:minHeight="0dp"
++++++++++++++++android:minWidth="0dp"
++++++++++++++++android:text="FACEBOOK"
++++++++++++++++android:textColor="@android:color/white"+/>
++++++++</FrameLayout>|code-block|syntax|javascript|938661|我从这里找到了这个解决方案：Android+UI+struggles:+making+a+button+with+centered+text+and+icon|offset|length|938662|​|938663|📷|atomic|938664|938665|entityMap|0|LINK|mutability|MUTABLE|url|http://porcupineprogrammer.blogspot.in/2013/03/android-ui-struggles-making-button-with.html|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/aeab0e36a7add3a61a194a7c20df42b1.png|imageAlt^0|0|0|E|1T|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@$I|17|J|18|1|19]]|A|$]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|1B|8|@]|9|@$I|1C|J|1D|1|1E]]|A|$]]|$1|P|3|L|5|6|7|1F|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|Z|U|10|A|$11|12|13|-4]]]]

I know I am late in answering this question, but this helped me:

<pre><code>&lt;FrameLayout
 android:layout_width="match_parent"
 android:layout_height="35dp"
 android:layout_marginBottom="5dp"
 android:layout_marginTop="10dp"
 android:background="@color/fb" &gt;

 &lt;Button
 android:id="@+id/fbLogin"
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:layout_gravity="center"
 android:background="@null"
 android:drawableLeft="@drawable/ic_facebook"
 android:gravity="center"
 android:minHeight="0dp"
 android:minWidth="0dp"
 android:text="FACEBOOK"
 android:textColor="@android:color/white" /&gt;
 &lt;/FrameLayout&gt;
</code></pre>

I found this solution from here: <a href="http://porcupineprogrammer.blogspot.in/2013/03/android-ui-struggles-making-button-with.html" rel="noreferrer">Android UI struggles: making a button with centered text and icon</a>

<img src="https://i.stack.imgur.com/iGOpt.png" alt="enter image description here">

blocks|key|938686|text|<style+name="captionOnly">
++++<item+name="android:background">@null</item>
++++<item+name="android:clickable">false</item>
++++<item+name="android:focusable">false</item>
++++<item+name="android:minHeight">0dp</item>
++++<item+name="android:minWidth">0dp</item>
</style>

<FrameLayout
+++style="?android:attr/buttonStyle"
+++android:layout_width="match_parent"
+++android:layout_height="wrap_content"+>

++++<Button
+++++++style="@style/captionOnly"
+++++++android:layout_width="wrap_content"
+++++++android:layout_height="wrap_content"
+++++++android:layout_gravity="center"
+++++++android:drawableLeft="@android:drawable/ic_delete"
+++++++android:gravity="center"
+++++++android:text="Button+Challenge"+/>
</FrameLayout>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|938687|将FrameLayout放置在LinearLayout中，并将方向设置为水平。|unstyled|938688|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;style name="captionOnly"&gt;
 &lt;item name="android:background"&gt;@null&lt;/item&gt;
 &lt;item name="android:clickable"&gt;false&lt;/item&gt;
 &lt;item name="android:focusable"&gt;false&lt;/item&gt;
 &lt;item name="android:minHeight"&gt;0dp&lt;/item&gt;
 &lt;item name="android:minWidth"&gt;0dp&lt;/item&gt;
&lt;/style&gt;

&lt;FrameLayout
 style="?android:attr/buttonStyle"
 android:layout_width="match_parent"
 android:layout_height="wrap_content" &gt;

 &lt;Button
 style="@style/captionOnly"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_gravity="center"
 android:drawableLeft="@android:drawable/ic_delete"
 android:gravity="center"
 android:text="Button Challenge" /&gt;
&lt;/FrameLayout&gt;
</code></pre>

Put the FrameLayout in LinearLayout and set orientation to Horizontal.

blocks|key|1152979|text|有类似的问题，但希望有中心绘图，没有文字和包装布局。解决方案是创建自定义按钮，除了左、右、上、下之外再添加一个可绘制的。可以很容易地修改可绘制的位置，并使其相对于文本处于所需的位置。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1152980|CenterDrawableButton.java|1152981|public+class+CenterDrawableButton+extends+Button+{
++++private+Drawable+mDrawableCenter;

++++public+CenterDrawableButton(Context+context)+{
++++++++super(context);
++++++++init(context,+null);
++++}

++++public+CenterDrawableButton(Context+context,+AttributeSet+attrs)+{
++++++++super(context,+attrs);
++++++++init(context,+attrs);
++++}

++++public+CenterDrawableButton(Context+context,+AttributeSet+attrs,+int+defStyleAttr)+{
++++++++super(context,+attrs,+defStyleAttr);
++++++++init(context,+attrs);
++++}

++++@TargetApi(Build.VERSION_CODES.LOLLIPOP)
++++public+CenterDrawableButton(Context+context,+AttributeSet+attrs,+int+defStyleAttr,+int+defStyleRes)+{
++++++++super(context,+attrs,+defStyleAttr,+defStyleRes);
++++++++init(context,+attrs);
++++}


++++private+void+init(Context+context,+AttributeSet+attrs){
++++++++//if+(isInEditMode())+return;
++++++++if(attrs!=null){
++++++++++++TypedArray+a+=+context.getTheme().obtainStyledAttributes(
++++++++++++++++++++attrs,+R.styleable.CenterDrawableButton,+0,+0);

++++++++++++try+{
++++++++++++++++setCenterDrawable(a.getDrawable(R.styleable.CenterDrawableButton_drawableCenter));

++++++++++++}+finally+{
++++++++++++++++a.recycle();
++++++++++++}

++++++++}
++++}

++++public+void+setCenterDrawable(int+center)+{
++++++++if(center==0){
++++++++++++setCenterDrawable(null);
++++++++}else
++++++++setCenterDrawable(getContext().getResources().getDrawable(center));
++++}
++++public+void+setCenterDrawable(@Nullable+Drawable+center)+{
++++++++int[]+state;
++++++++state+=+getDrawableState();
++++++++if+(center+!=+null)+{
++++++++++++center.setState(state);
++++++++++++center.setBounds(0,+0,+center.getIntrinsicWidth(),+center.getIntrinsicHeight());
++++++++++++center.setCallback(this);
++++++++}
++++++++mDrawableCenter+=+center;
++++++++invalidate();
++++++++requestLayout();
++++}
++++@Override
++++protected+void+onMeasure(int+widthMeasureSpec,+int+heightMeasureSpec)+{
++++++++super.onMeasure(widthMeasureSpec,+heightMeasureSpec);
++++++++if(mDrawableCenter!=null)+{
++++++++++++setMeasuredDimension(Math.max(getMeasuredWidth(),+mDrawableCenter.getIntrinsicWidth()),
++++++++++++++++++++Math.max(getMeasuredHeight(),+mDrawableCenter.getIntrinsicHeight()));
++++++++}
++++}
++++@Override
++++protected+void+drawableStateChanged()+{
++++++++super.drawableStateChanged();
++++++++if+(mDrawableCenter+!=+null)+{
++++++++++++int[]+state+=+getDrawableState();
++++++++++++mDrawableCenter.setState(state);
++++++++++++mDrawableCenter.setBounds(0,+0,+mDrawableCenter.getIntrinsicWidth(),
++++++++++++++++++++mDrawableCenter.getIntrinsicHeight());
++++++++}
++++++++invalidate();
++++}

++++@Override
++++protected+void+onDraw(@NonNull+Canvas+canvas)+{
++++++++super.onDraw(canvas);

++++++++if+(mDrawableCenter+!=+null)+{
++++++++++++Rect+rect+=+mDrawableCenter.getBounds();
++++++++++++canvas.save();
++++++++++++canvas.translate(getWidth()+/+2+-+rect.right+/+2,+getHeight()+/+2+-+rect.bottom+/+2);
++++++++++++mDrawableCenter.draw(canvas);
++++++++++++canvas.restore();
++++++++}
++++}
}|code-block|syntax|javascript|1152982|attrs.xml|1152983|<resources>
++++<attr+name="drawableCenter"+format="reference"/>
++++<declare-styleable+name="CenterDrawableButton">
++++++++<attr+name="drawableCenter"/>
++++</declare-styleable>
</resources>|1152984|用法|1152985|<com.virtoos.android.view.custom.CenterDrawableButton
++++++++++++android:id="@id/centerDrawableButton"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++app:drawableCenter="@android:drawable/ic_menu_info_details"/>|1152986|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Had similar issue but wanted to have center drawable with no text and no wrapped layouts. Solution was to create custom button and add one more drawable in addition to LEFT, RIGHT, TOP, BOTTOM. One can easily modify drawable placement and have it in desired position relative to text.

CenterDrawableButton.java

<pre><code>public class CenterDrawableButton extends Button {
 private Drawable mDrawableCenter;

 public CenterDrawableButton(Context context) {
 super(context);
 init(context, null);
 }

 public CenterDrawableButton(Context context, AttributeSet attrs) {
 super(context, attrs);
 init(context, attrs);
 }

 public CenterDrawableButton(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 init(context, attrs);
 }

 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public CenterDrawableButton(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
 super(context, attrs, defStyleAttr, defStyleRes);
 init(context, attrs);
 }


 private void init(Context context, AttributeSet attrs){
 //if (isInEditMode()) return;
 if(attrs!=null){
 TypedArray a = context.getTheme().obtainStyledAttributes(
 attrs, R.styleable.CenterDrawableButton, 0, 0);

 try {
 setCenterDrawable(a.getDrawable(R.styleable.CenterDrawableButton_drawableCenter));

 } finally {
 a.recycle();
 }

 }
 }

 public void setCenterDrawable(int center) {
 if(center==0){
 setCenterDrawable(null);
 }else
 setCenterDrawable(getContext().getResources().getDrawable(center));
 }
 public void setCenterDrawable(@Nullable Drawable center) {
 int[] state;
 state = getDrawableState();
 if (center != null) {
 center.setState(state);
 center.setBounds(0, 0, center.getIntrinsicWidth(), center.getIntrinsicHeight());
 center.setCallback(this);
 }
 mDrawableCenter = center;
 invalidate();
 requestLayout();
 }
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 if(mDrawableCenter!=null) {
 setMeasuredDimension(Math.max(getMeasuredWidth(), mDrawableCenter.getIntrinsicWidth()),
 Math.max(getMeasuredHeight(), mDrawableCenter.getIntrinsicHeight()));
 }
 }
 @Override
 protected void drawableStateChanged() {
 super.drawableStateChanged();
 if (mDrawableCenter != null) {
 int[] state = getDrawableState();
 mDrawableCenter.setState(state);
 mDrawableCenter.setBounds(0, 0, mDrawableCenter.getIntrinsicWidth(),
 mDrawableCenter.getIntrinsicHeight());
 }
 invalidate();
 }

 @Override
 protected void onDraw(@NonNull Canvas canvas) {
 super.onDraw(canvas);

 if (mDrawableCenter != null) {
 Rect rect = mDrawableCenter.getBounds();
 canvas.save();
 canvas.translate(getWidth() / 2 - rect.right / 2, getHeight() / 2 - rect.bottom / 2);
 mDrawableCenter.draw(canvas);
 canvas.restore();
 }
 }
}
</code></pre>

attrs.xml

<pre><code>&lt;resources&gt;
 &lt;attr name="drawableCenter" format="reference"/&gt;
 &lt;declare-styleable name="CenterDrawableButton"&gt;
 &lt;attr name="drawableCenter"/&gt;
 &lt;/declare-styleable&gt;
&lt;/resources&gt;
</code></pre>

usage

<pre><code>&lt;com.virtoos.android.view.custom.CenterDrawableButton
 android:id="@id/centerDrawableButton"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:drawableCenter="@android:drawable/ic_menu_info_details"/&gt;
</code></pre>

blocks|key|1153048|text|这是我3年前写的解决方案。按钮有文本和左图标，并在框架中，这是实际的按钮，可以通过fill_parent拉伸。我不能再次测试它，但它当时是有效的。也许按钮不需要使用，可以被TextView取代，但我现在不会测试它，在这里它也不会改变太多的功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1153049|<FrameLayout
++++android:id="@%2Bid/login_button_login"
++++android:background="@drawable/apptheme_btn_default_holo_dark"
++++android:layout_width="fill_parent"
++++android:layout_gravity="center"
++++android:layout_height="40dp">
++++<Button
++++++++android:clickable="false"
++++++++android:drawablePadding="15dp"
++++++++android:layout_gravity="center"
++++++++style="@style/WhiteText.Small.Bold"
++++++++android:drawableLeft="@drawable/lock"
++++++++android:background="@color/transparent"
++++++++android:text="LOGIN"+/>
</FrameLayout>|code-block|syntax|javascript|1153050|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is my solution I wrote 3 years ago. Button has text and left icon and is in frame that is actual button here and can be stretched by fill_parent. I cannot test it again but it was working back then. Probably Button don't have to be used and can be replaced by TextView but I will not test it right now and it doesn't change functionality too much here.

<pre><code>&lt;FrameLayout
 android:id="@+id/login_button_login"
 android:background="@drawable/apptheme_btn_default_holo_dark"
 android:layout_width="fill_parent"
 android:layout_gravity="center"
 android:layout_height="40dp"&gt;
 &lt;Button
 android:clickable="false"
 android:drawablePadding="15dp"
 android:layout_gravity="center"
 style="@style/WhiteText.Small.Bold"
 android:drawableLeft="@drawable/lock"
 android:background="@color/transparent"
 android:text="LOGIN" /&gt;
&lt;/FrameLayout&gt;
</code></pre>

blocks|key|1153149|text|保持按钮主题的其他可能性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1153150|<Button
++++++++++++android:id="@%2Bid/pf_bt_edit"
++++++++++++android:layout_height="@dimen/standard_height"
++++++++++++android:layout_width="match_parent"
++++++++++++/>

++++++++<LinearLayout
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="0dp"
++++++++++++android:layout_alignBottom="@id/pf_bt_edit"
++++++++++++android:layout_alignLeft="@id/pf_bt_edit"
++++++++++++android:layout_alignRight="@id/pf_bt_edit"
++++++++++++android:layout_alignTop="@id/pf_bt_edit"
++++++++++++android:layout_margin="@dimen/margin_10"
++++++++++++android:clickable="false"
++++++++++++android:elevation="20dp"
++++++++++++android:gravity="center"
++++++++++++android:orientation="horizontal"
++++++++++++>

++++++++++++<ImageView
++++++++++++++++android:layout_width="wrap_content"
++++++++++++++++android:layout_height="match_parent"
++++++++++++++++android:adjustViewBounds="true"
++++++++++++++++android:clickable="false"
++++++++++++++++android:src="@drawable/ic_edit_white_48dp"/>

++++++++++++<TextView
++++++++++++++++android:id="@%2Bid/pf_tv_edit"
++++++++++++++++android:layout_width="wrap_content"
++++++++++++++++android:layout_height="match_parent"
++++++++++++++++android:layout_marginLeft="@dimen/margin_5"
++++++++++++++++android:clickable="false"
++++++++++++++++android:gravity="center"
++++++++++++++++android:text="@string/pf_bt_edit"/>

++++++++</LinearLayout>|code-block|syntax|javascript|1153151|使用此解决方案，如果您在活动主题中添加@+color+/+your+_color+@color/+your+_+highlight+_color，您可以在棒棒糖上使用带有阴影和波纹的数学主题，对于以前版本的平面按钮，当您按下它时，可以使用您的颜色和高亮显示颜色。|1153152|此外，使用此解决方案可以自动调整图片的大小|1153153|结果:第一个在棒棒糖设备上第二个:在前棒棒糖设备第三个:前棒棒糖设备按下按钮|1153154|​|1153155|📷|atomic|offset|length|1153156|1153157|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/aede7b941575824348e0dd0c5e988cd3.png|imageAlt^0|0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|15|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|16|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|17|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|19|8|@]|9|@$R|1A|S|1B|1|1C]]|A|$]]|$1|T|3|N|5|6|7|1D|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11|12|-4]]]]

Other possibility to keep Button theme.

<pre><code>&lt;Button
 android:id="@+id/pf_bt_edit"
 android:layout_height="@dimen/standard_height"
 android:layout_width="match_parent"
 /&gt;

 &lt;LinearLayout
 android:layout_width="0dp"
 android:layout_height="0dp"
 android:layout_alignBottom="@id/pf_bt_edit"
 android:layout_alignLeft="@id/pf_bt_edit"
 android:layout_alignRight="@id/pf_bt_edit"
 android:layout_alignTop="@id/pf_bt_edit"
 android:layout_margin="@dimen/margin_10"
 android:clickable="false"
 android:elevation="20dp"
 android:gravity="center"
 android:orientation="horizontal"
 &gt;

 &lt;ImageView
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:adjustViewBounds="true"
 android:clickable="false"
 android:src="@drawable/ic_edit_white_48dp"/&gt;

 &lt;TextView
 android:id="@+id/pf_tv_edit"
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:layout_marginLeft="@dimen/margin_5"
 android:clickable="false"
 android:gravity="center"
 android:text="@string/pf_bt_edit"/&gt;

 &lt;/LinearLayout&gt;
</code></pre>

With this solution if your add 
@color/your_color
@color/your_highlight_color
 in your activity theme, you can have Matherial theme on Lollipop whith shadow and ripple, and for previous version flat button with your color and highlight coor when you press it.

Moreover, with this solution autoresize of picture

Result : 
First on Lollipop device
Second : On pre lollipop device
3th : Pre lollipop device press button

<a href="https://i.stack.imgur.com/eufDz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eufDz.png" alt="enter image description here"></a>

blocks|key|938917|text|你可以把按钮放在LinearLayout上|type|unstyled|depth|inlineStyleRanges|entityRanges|data|938918|<RelativeLayout
++++++++android:layout_width="match_parent"
++++++++android:layout_height="@dimen/activity_login_fb_height"
++++++++android:background="@mipmap/bg_btn_fb">
++++++++<LinearLayout
++++++++++++android:layout_width="match_parent"
++++++++++++android:layout_height="match_parent"
++++++++++++android:gravity="center">
++++++++++++<TextView
++++++++++++++++android:layout_width="wrap_content"
++++++++++++++++android:layout_height="wrap_content"
++++++++++++++++android:id="@%2Bid/lblLoginFb"
++++++++++++++++android:textColor="@color/white"
++++++++++++++++android:drawableLeft="@mipmap/icon_fb"
++++++++++++++++android:textSize="@dimen/activity_login_fb_textSize"
++++++++++++++++android:text="Login+with+Facebook"
++++++++++++++++android:gravity="center"+/>
++++++++</LinearLayout>
++++++++<Button
++++++++++++android:layout_width="match_parent"
++++++++++++android:layout_height="match_parent"
++++++++++++android:id="@%2Bid/btnLoginFb"
++++++++++++android:background="@color/transparent"
++++++++++++/>
++++</RelativeLayout>|code-block|syntax|javascript|938919|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You could put the button over a LinearLayout

<pre><code>&lt;RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="@dimen/activity_login_fb_height"
 android:background="@mipmap/bg_btn_fb"&gt;
 &lt;LinearLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:gravity="center"&gt;
 &lt;TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:id="@+id/lblLoginFb"
 android:textColor="@color/white"
 android:drawableLeft="@mipmap/icon_fb"
 android:textSize="@dimen/activity_login_fb_textSize"
 android:text="Login with Facebook"
 android:gravity="center" /&gt;
 &lt;/LinearLayout&gt;
 &lt;Button
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:id="@+id/btnLoginFb"
 android:background="@color/transparent"
 /&gt;
 &lt;/RelativeLayout&gt;
</code></pre>

blocks|key|1153321|text|我解决这个问题的方法是使用可以动态调整大小的轻量级<View+../>元素将按钮包围起来。下面是几个可以实现此目标的示例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1153322|​|1153323|📷|atomic|1153324|1153325|请注意，示例3中按钮的可点击区域与示例2中的相同(即，带有空格)，这与示例4不同，示例4之间没有“不可点击”的间隙。|1153326|代码：|1153327|<?xml+version="1.0"+encoding="utf-8"?>
<LinearLayout+xmlns:android="http://schemas.android.com/apk/res/android"
++++android:layout_width="match_parent"
++++android:layout_height="match_parent"
++++android:orientation="vertical">
++++<TextView
++++++++android:layout_marginStart="5dp"
++++++++android:layout_marginLeft="5dp"
++++++++android:layout_marginTop="10dp"
++++++++android:layout_marginBottom="5dp"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:textStyle="bold"
++++++++android:text="Example+1:+Button+with+a+background+color:"/>
++++<LinearLayout
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content">
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="20dp"
++++++++++++android:paddingEnd="20dp"
++++++++++++android:layout_weight="0.3"/>
++++++++
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++</LinearLayout>

++++<TextView
++++++++android:layout_marginStart="5dp"
++++++++android:layout_marginLeft="5dp"
++++++++android:layout_marginTop="20dp"
++++++++android:layout_marginBottom="5dp"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:textStyle="bold"
++++++++android:text="Example+2:+Button+group+%2B+transparent+layout+%2B+spacers:"/>
++++<LinearLayout
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content">
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++</LinearLayout>

++++<TextView
++++++++android:layout_marginStart="5dp"
++++++++android:layout_marginLeft="5dp"
++++++++android:layout_marginTop="20dp"
++++++++android:layout_marginBottom="5dp"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:textStyle="bold"
++++++++android:text="Example+3:+Button+group+%2B+colored+layout:"/>
++++<LinearLayout
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:background="@android:color/darker_gray">
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++style="?android:attr/buttonBarButtonStyle"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++style="?android:attr/buttonBarButtonStyle"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++style="?android:attr/buttonBarButtonStyle"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>
++++++++<View
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="1"/>
++++</LinearLayout>

++++<TextView
++++++++android:layout_marginStart="5dp"
++++++++android:layout_marginLeft="5dp"
++++++++android:layout_marginTop="20dp"
++++++++android:layout_marginBottom="5dp"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:textStyle="bold"
++++++++android:text="Example+4+(reference):+Button+group+%2B+no+spacers:"/>
++++<LinearLayout
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:background="@android:color/darker_gray">
++++++++<Button
++++++++++++style="?android:attr/buttonBarButtonStyle"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++style="?android:attr/buttonBarButtonStyle"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>
++++++++<Button
++++++++++++style="?android:attr/buttonBarButtonStyle"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Button"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:drawableLeft="@android:drawable/ic_secure"
++++++++++++android:drawableStart="@android:drawable/ic_secure"
++++++++++++android:background="@android:color/darker_gray"
++++++++++++android:paddingStart="10dp"
++++++++++++android:paddingEnd="10dp"
++++++++++++android:layout_weight="1"/>+++
++++</LinearLayout>
</LinearLayout>|code-block|syntax|javascript|1153328|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b96605369f1e223834374cfeeb34ee98.png|imageAlt^0|P|A|0|0|0|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|K|3|G|5|6|7|1B|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1C|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1D|8|@]|D|@]|E|$]]|$1|P|3|Q|5|R|7|1E|8|@]|D|@]|E|$S|T]]|$1|U|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11|12|-4]]]]

My way of solving it involved surrounding the the button with lightweight <code>&lt;View ../&gt;</code> elements that resize dynamically. Below are several examples of what can be achieved with this:

<a href="https://i.stack.imgur.com/vGIdF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vGIdF.png" alt="Demo by Dev-iL"></a>

Note that the clickable area of the buttons in example 3 is the same as in 2 (i.e. with spaces), which is different from example 4 where there are no "unclickable" gaps in between.

Code:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"&gt;
 &lt;TextView
 android:layout_marginStart="5dp"
 android:layout_marginLeft="5dp"
 android:layout_marginTop="10dp"
 android:layout_marginBottom="5dp"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:textStyle="bold"
 android:text="Example 1: Button with a background color:"/&gt;
 &lt;LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="20dp"
 android:paddingEnd="20dp"
 android:layout_weight="0.3"/&gt;
 &lt;!-- Play around with the above 3 values to modify the clickable 
 area and image alignment with respect to text --&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;/LinearLayout&gt;

 &lt;TextView
 android:layout_marginStart="5dp"
 android:layout_marginLeft="5dp"
 android:layout_marginTop="20dp"
 android:layout_marginBottom="5dp"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:textStyle="bold"
 android:text="Example 2: Button group + transparent layout + spacers:"/&gt;
 &lt;LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;/LinearLayout&gt;

 &lt;TextView
 android:layout_marginStart="5dp"
 android:layout_marginLeft="5dp"
 android:layout_marginTop="20dp"
 android:layout_marginBottom="5dp"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:textStyle="bold"
 android:text="Example 3: Button group + colored layout:"/&gt;
 &lt;LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="@android:color/darker_gray"&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;Button
 style="?android:attr/buttonBarButtonStyle"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;Button
 style="?android:attr/buttonBarButtonStyle"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;Button
 style="?android:attr/buttonBarButtonStyle"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt;
 &lt;View
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/&gt;
 &lt;/LinearLayout&gt;

 &lt;TextView
 android:layout_marginStart="5dp"
 android:layout_marginLeft="5dp"
 android:layout_marginTop="20dp"
 android:layout_marginBottom="5dp"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:textStyle="bold"
 android:text="Example 4 (reference): Button group + no spacers:"/&gt;
 &lt;LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="@android:color/darker_gray"&gt;
 &lt;Button
 style="?android:attr/buttonBarButtonStyle"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt;
 &lt;Button
 style="?android:attr/buttonBarButtonStyle"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt;
 &lt;Button
 style="?android:attr/buttonBarButtonStyle"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Button"
 android:textColor="@android:color/white"
 android:drawableLeft="@android:drawable/ic_secure"
 android:drawableStart="@android:drawable/ic_secure"
 android:background="@android:color/darker_gray"
 android:paddingStart="10dp"
 android:paddingEnd="10dp"
 android:layout_weight="1"/&gt; 
 &lt;/LinearLayout&gt;
&lt;/LinearLayout&gt;
</code></pre>

blocks|key|1153365|text|我通过添加左右填充来调整它，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1153366|<Button
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:layout_weight="1"
++++++++++++android:id="@%2Bid/btn_facebookact_like"
++++++++++++android:text="@string/btn_facebookact_like"
++++++++++++android:textColor="@color/black"
++++++++++++android:textAllCaps="false"
++++++++++++android:background="@color/white"
++++++++++++android:drawableStart="@drawable/like"
++++++++++++android:drawableLeft="@drawable/like"
++++++++++++android:gravity="center"
++++++++++++android:layout_gravity="center"
++++++++++++android:paddingLeft="40dp"
++++++++++++android:paddingRight="40dp"
++++++++++++/>|code-block|syntax|javascript|1153367|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I adjust it by adding padding left and right as follows:

<pre><code>&lt;Button
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:layout_weight="1"
 android:id="@+id/btn_facebookact_like"
 android:text="@string/btn_facebookact_like"
 android:textColor="@color/black"
 android:textAllCaps="false"
 android:background="@color/white"
 android:drawableStart="@drawable/like"
 android:drawableLeft="@drawable/like"
 android:gravity="center"
 android:layout_gravity="center"
 android:paddingLeft="40dp"
 android:paddingRight="40dp"
 /&gt;
</code></pre>

blocks|key|939103|text|使用此android:background="@drawable/ic_play_arrow_black_24dp"|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|939104|只需将背景设置为您想要居中的图标|939105|entityMap^0|3|1J|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

use this 
<code>android:background="@drawable/ic_play_arrow_black_24dp"</code>

just set the background to the icon you want to center

blocks|key|1153475|text|尝试使用此库|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1153476|OmegaCenterIconButton|offset|length|1153477|​|1153478|📷|atomic|1153479|1153480|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Omega-R/OmegaCenterIconButton|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/f2c45cb08e1085534def7c7ab8b4edef.png|imageAlt^0|0|0|L|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|15|8|@]|9|@$D|16|E|17|1|18]]|A|$]]|$1|K|3|G|5|6|7|19|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|U|P|V|A|$W|X|Y|-4]]]]

Try to use this library 

<a href="https://github.com/Omega-R/OmegaCenterIconButton" rel="nofollow noreferrer">OmegaCenterIconButton</a>

<a href="https://i.stack.imgur.com/RnR28.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RnR28.png" alt="enter image description here"></a>

blocks|key|939226|text|我已经看到了在开始/左侧对齐可绘制的解决方案，但没有针对可绘制的结束/右侧的解决方案，所以我提出了这个解决方案。它使用动态计算的填充来对齐左侧和右侧的可绘制和文本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|939227|class+IconButton+@JvmOverloads+constructor(
++++context:+Context,
++++attrs:+AttributeSet?+=+null,
++++defStyle:+Int+=+R.attr.buttonStyle
)+:+AppCompatButton(context,+attrs,+defStyle)+{

++++init+{
++++++++maxLines+=+1
++++}

++++override+fun+onDraw(canvas:+Canvas)+{
++++++++val+buttonContentWidth+=+(width+-+paddingLeft+-+paddingRight).toFloat()

++++++++val+textWidth+=+paint.measureText(text.toString())

++++++++val+drawable+=+compoundDrawables[0]+?:+compoundDrawables[2]
++++++++val+drawableWidth+=+drawable?.intrinsicWidth+?:+0
++++++++val+drawablePadding+=+if+(textWidth+>+0+&&+drawable+!=+null)+compoundDrawablePadding+else+0
++++++++val+bodyWidth+=+textWidth+%2B+drawableWidth.toFloat()+%2B+drawablePadding.toFloat()

++++++++canvas.save()

++++++++val+padding+=+(buttonContentWidth+-+bodyWidth).toInt()+/+2
++++++++val+leftOrRight+=+if+(compoundDrawables[0]+!=+null)+1+else+-1
++++++++setPadding(leftOrRight+*+padding,+0,+-leftOrRight+*+padding,+0)

++++++++super.onDraw(canvas)
++++++++canvas.restore()
++++}
}|code-block|syntax|javascript|939228|根据设置图标的位置，将布局中的重力设置为"center_vertical%7Cstart“或"center_vertical%7Cend”是很重要的。例如：|939229|<com.stackoverflow.util.IconButton
++++++++android:id="@%2Bid/cancel_btn"
++++++++android:layout_width="0dp"
++++++++android:layout_height="wrap_content"
++++++++android:layout_weight="1"
++++++++android:drawableStart="@drawable/cancel"
++++++++android:drawablePadding="@dimen/padding_small"
++++++++android:gravity="center_vertical%7Cstart"
++++++++android:text="Cancel"+/>|939230|此实现的唯一问题是按钮只能有单行文本，否则文本区域将填充按钮，填充将为0。|939231|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I have seen solutions for aligning drawable at start/left but nothing for drawable end/right, so I came up with this solution. It uses dynamically calculated paddings for aligning drawable and text on both left and right side.

<pre><code>class IconButton @JvmOverloads constructor(
 context: Context,
 attrs: AttributeSet? = null,
 defStyle: Int = R.attr.buttonStyle
) : AppCompatButton(context, attrs, defStyle) {

 init {
 maxLines = 1
 }

 override fun onDraw(canvas: Canvas) {
 val buttonContentWidth = (width - paddingLeft - paddingRight).toFloat()

 val textWidth = paint.measureText(text.toString())

 val drawable = compoundDrawables[0] ?: compoundDrawables[2]
 val drawableWidth = drawable?.intrinsicWidth ?: 0
 val drawablePadding = if (textWidth &gt; 0 &amp;&amp; drawable != null) compoundDrawablePadding else 0
 val bodyWidth = textWidth + drawableWidth.toFloat() + drawablePadding.toFloat()

 canvas.save()

 val padding = (buttonContentWidth - bodyWidth).toInt() / 2
 val leftOrRight = if (compoundDrawables[0] != null) 1 else -1
 setPadding(leftOrRight * padding, 0, -leftOrRight * padding, 0)

 super.onDraw(canvas)
 canvas.restore()
 }
}
</code></pre>

It is important to set gravity in your layout to either "center_vertical|start" or "center_vertical|end" depending on where do you set the icon. For example:

<pre><code>&lt;com.stackoverflow.util.IconButton
 android:id="@+id/cancel_btn"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:layout_weight="1"
 android:drawableStart="@drawable/cancel"
 android:drawablePadding="@dimen/padding_small"
 android:gravity="center_vertical|start"
 android:text="Cancel" /&gt;
</code></pre>

Only problem with this implementation is that button can only have single line of text, otherwise the area of the text fills the button and paddings will be 0.

blocks|key|939264|text|试试这个，你会找到你想要的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|939265|+<Button
+++android:id="@%2Bid/button_my_profile"
+++style="@style/whiteTextBlackButtonStyle.size18"
+++android:layout_width="0dp"
+++android:layout_weight="1"
+++android:layout_height="wrap_content"
+++android:gravity="center"
+++android:drawableTop="@drawable/ic_more_profile"
+++android:drawablePadding="8dp"
+++android:paddingStart="16dp"
+++android:text="@string/title_my_profile"
+++android:textAllCaps="false"
+++tools:layout_editor_absoluteY="24dp"+/>|code-block|syntax|javascript|939266|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this you will find what you are looking for,
<pre><code> &lt;Button
 android:id=&quot;@+id/button_my_profile&quot;
 style=&quot;@style/whiteTextBlackButtonStyle.size18&quot;
 android:layout_width=&quot;0dp&quot;
 android:layout_weight=&quot;1&quot;
 android:layout_height=&quot;wrap_content&quot;
 android:gravity=&quot;center&quot;
 android:drawableTop=&quot;@drawable/ic_more_profile&quot;
 android:drawablePadding=&quot;8dp&quot;
 android:paddingStart=&quot;16dp&quot;
 android:text=&quot;@string/title_my_profile&quot;
 android:textAllCaps=&quot;false&quot;
 tools:layout_editor_absoluteY=&quot;24dp&quot; /&gt;
</code></pre>

blocks|key|939302|text|以ImageButton为例。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|939303|属性android:src可用于设置以按钮为中心的可绘制对象。|939304|<ImageButton
++++android:src="@drawable/your_drawable"
++++...
/>|code-block|syntax|javascript|939305|entityMap^0|1|B|0|2|B|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

Consider <code>ImageButton</code>.
The attribute <code>android:src</code> can be used to set a drawable that is centred in the Button.
<pre><code>&lt;ImageButton
 android:src=&quot;@drawable/your_drawable&quot;
 ...
/&gt;
</code></pre>

I want to have an Android Button with icon+text centered inside it. I'm using the drawableLeft attribute to set the image, this works well if the button has a width of <code>"wrap_content"</code> but I need to stretch to max width so I use width <code>"fill_parent"</code>. This moves my icon straight to the left of the button and I want both icon and text centered inside the button. 

I've try setting up the padding but this only allows to give a fixed value so it is not what I need. I need to have icon+text aligned in the center.

<pre><code>&lt;Button 
 android:id="@+id/startTelemoteButton" 
 android:text="@string/start_telemote"
 android:drawableLeft="@drawable/start"
 android:paddingLeft="20dip"
 android:paddingRight="20dip" 
 android:width="fill_parent"
 android:heigh="wrap_content" /&gt;
</code></pre>

Any suggestions on how I could achieve that?

How to center icon and text in a android button with width set to "fill parent"

我想有一个以icon+text为中心的安卓按钮。我使用drawableLeft属性来设置图像，如果按钮的宽度为"wrap_content"，效果会很好，但我需要拉伸到最大宽度，所以我使用了宽度"fill_parent"。这会将我的图标直接移动到按钮的左侧，并且我希望图标和文本都在按钮内部居中。我已经尝试设置填充，但这只...

问如何在宽度设置为"fill parent“的android按钮中居中图标和文本
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在宽度设置为"fill parent“的android按钮中居中图标和文本EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在宽度设置为"fill parent“的android按钮中居中图标和文本
EN