Android apk压缩技术(二)——自定义progressbar

经常看到新人做 ”类进度条“控件，直接 向美工要了一堆图片……

记得以前看过一篇 “腾讯”UI工程师的博客，用了几幅图来表示，大意是："如果你只是一个程序员，旁边一堆人"，“如果你是不仅仅是一个程序员还是一个UI，高处不胜寒”。

好了，说正题。

首先这几幅图，每一副的大小大约1KB左右，7副就是7KB，而如果使用自定义progressbar来实现这个功能，则最多只需要2副图，也就是2KB。

这个事情我跟几个1、2年工作经验的工程师讨论过，惊讶的发现他们都觉得没有这个必要，他们认为，现在手机空间很大了吧，不缺这一点空间。。。。

我突然想到以前教我数据结构的老师说的话，“以前他们做一个计算器，都是用汇编不断的优化，力求精简”。哎。。。现在的程序员，无奈啊，从不为用户考虑的。。。

扯远了。。。直接上代码吧

1、MyProgressBar.java

/**
 * @author chy
 * 
 * 自定义进度条
 * 
 * 0%的图片为背景,100%的图片为前景.
 * 注意:该控件仅支持从下到上,分别代表0%-100%，进度等于其百分数.
 */
public class MyProgressBar extends ImageView {

	// 0%的位置[0,1]
	private float minPos = 0;
	// 100%的位置[0,1]
	private float maxPos = 1;
	// maxPos-minPos
	private float diff = 1;

	// 当前进度[0,1]
	private float progress = 0;

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

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

	public MyProgressBar(Context context) {
		super(context);
		init();
	}

	private void init() {
		setScaleType(ScaleType.FIT_XY);
	}

	/**
	 * 设置当前进度[0,1]
	 */
	public void setProgress(float progress) {
		Log.e("progress", ""+progress);
		if(progress > 1) {
			this.progress = 1;
		} else if(progress < 0) {
			this.progress = 0;
		} else {
			this.progress = progress;
		}
		postInvalidate();
	}

	/**
	 * 设置进度条的范围[0,1]
	 */
	public void setProgressScope(float minPos, float maxPos) {
		if (minPos > 1) {
			minPos = 1;
		}
		if (minPos < 0) {
			minPos = 0;
		}
		if (maxPos > 1) {
			maxPos = 1;
		}
		if (maxPos < 0) {
			maxPos = 0;
		}
		if (minPos < maxPos) {
			this.minPos = minPos;
			this.maxPos = maxPos;
		} else {
			this.minPos = maxPos;
			this.maxPos = minPos;
		}
		diff = this.maxPos - this.minPos;
	}

	@Override
	protected void onDraw(Canvas canvas) {
		int width = getWidth();
		int height = getHeight();
		int separatorHeight = (int) (height * (maxPos - diff * progress));
		Drawable bgDrawable = getBackground();
		if(bgDrawable != null) {
			canvas.save();
			canvas.clipRect(0, 0, width, separatorHeight);
			bgDrawable.setBounds(0, 0, width, height);
			bgDrawable.draw(canvas);
			canvas.restore();
		}
		Drawable srcDrawable = getDrawable();
		if(srcDrawable != null) {
			canvas.save();
			canvas.clipRect(0, separatorHeight, width, height);
			srcDrawable.setBounds(0, 0, width, height);
			srcDrawable.draw(canvas);
			canvas.restore();
		}
	}
}

2、activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.myprogressbar.MainActivity" >

    <SeekBar
        android:id="@+id/seekbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:max="100"
        android:progress="0" />

    <com.chy.widget.MyProgressBar
        android:id="@+id/progress"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/seekbar"
        android:src="@drawable/microphone_full"
        android:background="@drawable/microphone_empty" />
</RelativeLayout>

3、MainActivity.java

public class MainActivity extends Activity {
	
	private SeekBar seekBar = null;
	private MyProgressBar progressBar = null;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		seekBar = (SeekBar) findViewById(R.id.seekbar);
		progressBar = (MyProgressBar) findViewById(R.id.progress);
		progressBar.setProgressScope(0.04255f, 0.734f);
		seekBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
			@Override
			public void onStopTrackingTouch(SeekBar seekBar) { }
			@Override
			public void onStartTrackingTouch(SeekBar seekBar) { }
			@Override
			public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
				progressBar.setProgress((float)progress/(float)seekBar.getMax());
			}
		});
	}
}

解释一下，progressBar.setProgressScope(0.04255f, 0.734f); 是怎么得出来的

图片高度94像素

4 / 94 = 0.04255

69 / 94 = 0.0734