RadioButtton java代码实现左右带自定义的图片,并且控制字体与图片间距,同时控件长度对其功能。

原创 2016年08月30日 20:05:00

今天做项目,公司的UI设计了一个这样的一个布局:


代码:

	private RadioGroup mRadioGroup;
	
	private void initRadioButton(){
		mRadioGroup=(RadioGroup) findViewById(R.id.radio_group);
		int padding=40;
		int textSize=12;//sp
		int count=4;
		RadioButton[] testButtons=new RadioButton[count];
		float maxTextLength=0;//最长的文本文档,但是不能换行,换行计算会有问题。
		Paint paint=new Paint();
		paint.setTextSize(sp2px(textSize));//设置当前文字的大小
		float[] itemTextLength=new float[count];//记录每一个RadioButton的文字长度。
		for(int i=0;i<count;i++){
			testButtons[i]=new RadioButton(this);
			String content="啦啦";
			for(int j=0;j<i;j++){
				content+=content;
			}
			itemTextLength[i]=paint.measureText(content);
			if(maxTextLength<itemTextLength[i]){
				maxTextLength=itemTextLength[i];
			}
			testButtons[i].setText(content);
			testButtons[i].setTextSize(TypedValue.COMPLEX_UNIT_SP, textSize);//这里设置文本的字体大小
			testButtons[i].setButtonDrawable(ContextCompat.getDrawable(this, R.drawable.ic_launcher));
			testButtons[i].setPadding(padding, 0, 0, 0);//这里设置的是文本距离左上右下的图片的距离,这里设置了距离左侧图片距离。
			testButtons[i].setCompoundDrawablesWithIntrinsicBounds(null, null, ContextCompat.getDrawable(this,R.drawable.radio_button), null);//not set left because this will have default radio button.
			//这里设置图片可以自己选择上下左右,但是左侧最好不选择,原因是其本身默认的图标在左侧,如果设置后面不设置setButtonDrawable会导致最左侧出现默认图标。建议在后面设置。如果要设置,建议后面添加设置:setButtonDrawable(ContextCompat.getDrawable(this,android.r.color.transparent));设置透明。
		}
		
		for(int i=0;i<count;i++){
			float maxThenThisTextLength=maxTextLength-itemTextLength[i];
			testButtons[i].setCompoundDrawablePadding((int) (padding+maxThenThisTextLength));//这里是设置距离右边的图片距离。
			mRadioGroup.addView(testButtons[i]);
		}
	}
	 private int sp2px(float spValue) {  
         final float fontScale =getResources().getDisplayMetrics().scaledDensity;  
         return (int) (spValue * fontScale + 0.5f);  
     } 



设置drawableRight等图片离文字间隔太远解决小窍门

最近项目遇到,四个Tab选项,其中一个Tab涉及到排序,因此需要给RadioButton加上两张图片表示升序或者降序。但是 用drawableRight加上图片之后,图片离总是在边上,离文字太远。百度...

可设RadioButton图片的大小

import android.content.Context; import android.content.res.TypedArray; import android.graphics.drawa...

android的进度条使用

android的进度条1、实现的效果   2、布局代码先写一个my_browser.xml文件 存放WebView ...
  • cuiran
  • cuiran
  • 2012年10月16日 16:03
  • 31343

多个radiobutton单选

3排radiobutton分别用3个radiogroup包含: 布局如下:   http://schemas.android.com/apk/res/android"        andr...

自定义控件一百行代码实现微信朋友圈九宫格图片显示

本帖最后由 panyihoaaa 于 2015-2-9 10:59 编辑 前言     很多时候我们都在刷微博或者微信朋友圈的时候都会看到很多图片,而这些图片的显示跟我们平时很多控件的显示方式...

Fragment中的Toolbar使用与处理,以及toobar在Java代码实现添加logo图片和文字

本文介绍了在Android中将Toolbar作为ActionBar使用的方法. 并且介绍了在Fragment和嵌套Fragment中使用Toolbar作为ActionBar使用时需要注意的事项. 使...
  • yzwty
  • yzwty
  • 2017年03月15日 15:56
  • 719

Android图片加载神器之Fresco-Java代码实现圆形圆角效果

转载自:http://blog.csdn.net/y1scp/article/details/49734429 RoundingParams 百学须先立志—学前须知: 之前我们学会了一...

java代码实现图片压缩

public class Demo { public static String zipImageFile(String oldFile, int width, int height, float ...

Android图片加载神器之Fresco-圆形圆角二合一教程[Java代码实现圆形圆角效果]

RoundingParams 百学须先立志—学前须知: 之前我们学会了一些基本的效果设置,对于常见的圆形圆角图没有涉及,那么今天我们就一起来看看,如何设置圆形圆角图。 尽信书,不...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:RadioButtton java代码实现左右带自定义的图片,并且控制字体与图片间距,同时控件长度对其功能。
举报原因:
原因补充:

(最多只允许输入30个字)