android java button 不显示图片_Java Android Button图片与文字混合置中

整理出三种方法

1.利用版面去配置,按钮在背后,前面在盖图片跟文字然后置中

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@drawable/footer_btn4" >

android:id="@+id/btnReset"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/selector_menu_footer_btn"

android:onClick="btnConfirmSearch"

android:textColor="@color/white"

android:textSize="@dimen/tenant_search_condition_condition_btn_txt" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true"

android:gravity="center" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/footer_btn3" >

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:clickable="false"

android:text="@string/tenant_search_condition_loc_btn_reset"

android:textColor="@color/white"

android:textSize="@dimen/tenant_search_condition_condition_btn_txt" />

结果是

优点是灵活性高，缺点就是layout档会比较复杂

2.透过SpannableString,ImageSpan塞图片到文字中

SpannableString spanText = new SpannableString("1重置");

Drawable d = getResources().getDrawable(R.drawable.footer_btn3);

int a = (int)btnConfirmSearch.getTextSize();

d.setBounds(0, 0, a, a);//设定图片为文字的大小

//d.setBounds(0,0,d.getIntrinsicWidth(),d.getIntrinsicHeight());//原始大小

ImageSpan imageSpan = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);

spanText.setSpan( imageSpan,0 , 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

btnConfirmSearch.setText(spanText);

这样会有个问题，假设图片高度比文字高度高，文字会往下跑，以下为两种对齐方式

ImageSpan.ALIGN_BASELINE跟ImageSpan.ALIGN_BOTTOM的结果

设定成文字高度的结果

优点layout文件干净，缺点图片不能大于文字高度

3.程序动态设置

设置paddingLeft把图片推到右边,此时文字也会一起被推到右边

再设置drawablePadding负的把文字拉回左边

给定context,按钮,图片id,图片与文字间距

code:

public static void set_button_Drawable_center(final Context context,final Button button,final int imageID,final int spacing)

{

handler=new Handler();

runnable=new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

if(button.getMeasuredWidth() == 0)

{

handler.postDelayed(runnable, 0);

}else{

Drawable drawable=context.getResources().getDrawable(imageID);

int width=button.getMeasuredWidth();

int height=button.getMeasuredHeight();

int txt_width=(int)(button.getTextSize()*button.getText().length());

int txt_height=(int)(button.getLineCount()*button.getLineHeight());

int img_width=drawable.getIntrinsicWidth();

int img_height=drawable.getIntrinsicHeight();

int content_height=txt_height+img_height+spacing;

int content_width=txt_width+img_width+spacing;

int padding_w=width/2-content_width/2;

int padding_h=height/2-content_height/2;

button.setCompoundDrawablesWithIntrinsicBounds(drawable, null, null, null);

button.setPadding(padding_w,0,0,0);

button.setCompoundDrawablePadding(-padding_w);

}

}

};

handler.postDelayed(runnable, 0);

}

结果

优点layout文件干净，缺点程序较复杂,不过是一劳永逸,灵活性高

这是我想到的三种方法，若还有其它的方法，麻烦给我个建议，谢谢