Button 左边图片右边文字居中显示样式

最近在做的一个个界面，底部导航按钮需要采用Button，而Button显示内容为左边图片右边文字的样式。效果如

分别为四个按钮。查了很久的Button属性，发现Button自带的属性：drawableLeft、drawableTop、drawableBottom等这些属性都满足不了需求，用drawableLeft效果图为：

Button中间的图片和文字无法实现居中显示的效果。

通过网上查阅了些资料，发现两种方法成功的写出想要的效果。第一种：采用SpannableString和ImageSpan结合使用达到该效果，但是图片的大小不能超过文字的高度。

bt1 = (Button)findViewById(R.id.bt1);
		SpannableString spanText = new SpannableString("1标记");
		Drawable d = getResources().getDrawable(R.drawable.main_icon_nearby);
		int b = (int)bt1.getTextSize();
		d.setBounds(0,0,b,b);
		ImageSpan imageSpan = new ImageSpan(d,ImageSpan.ALIGN_BASELINE);
		spanText.setSpan(imageSpan, 0,1,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
		bt1.setText(spanText);

效果如就不贴出来了，需要的朋友直接复制代码到编译器上运行下就可以看到了。下面介绍第二种方法：即采用RelativeLayout相对布局和LinearLayout线性布局的嵌套格式，这样XML文件中代码的复杂度冗余度比较大，但是相对比较容易理解。废话不多说，说多了没用直接上代码：

 		<RelativeLayout 
	    	        android:layout_width="0dp"
	    	        android:layout_height="wrap_content"
	    	        android:layout_weight="1">
	    	        <Button
				android:id="@+id/bt2"
				android:layout_width="match_parent"
				android:layout_height="match_parent"
				android:background="@drawable/btbus_seletor"/>
	    	        <LinearLayout 
	    	            android:layout_width="wrap_content"
	    	            android:layout_height="wrap_content"
	    	            android:layout_centerHorizontal="true"
	    	            android:layout_centerVertical="true"
	    	            android:gravity="center">
	    	            <RelativeLayout 
	    	                android:layout_width="wrap_content"
	    	                android:layout_height="wrap_content"
	    	                android:background="@drawable/main_icon_route">
	    	            </RelativeLayout>
	    	            <TextView 
	    	                android:layout_width="wrap_content"
	    	                android:layout_height="wrap_content"
	    	                android:clickable="false"
			    	        android:text="公交" 
			    	        android:textSize="15sp"
			    	        android:textColor="#4F4F4F"/>
	    	        </LinearLayout>
	    	    </RelativeLayout>

里面的Button背景图片是我自己写的一个seletor文件，这里就不贴出来了，根据自己需要设置嘛！ 效果：

效果图为什么是这样子？相信有朋友会问。因为我是需要四个Button并列放置，我是从xml预览界面截图的。所以不要怀疑，，，需要的朋友可以参考参考。同时有什么好的建议可以交流学习学习。。。。。