android 自定义水平进度条

来源：互联网发布：淘宝新手卖家如何推广编辑：程序博客网时间：2024/05/17 22:29

随着水平进度长度的变化，百分比文字也跟着进度条的长度在屏幕移动。progressbar的第一层背景要设置成透明的，第二层背景设置一种颜色；这是progressbar的样式代码：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/probardown" >

<item android:id="@android:id/background">
<shape>
<solid android:color="@android:color/transparent" />
</shape>
</item>

<item android:id="@android:id/progress">
<clip>
<shape>
<solid android:color="@color/defaultgreen" />
</shape>
</clip>
</item>
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<solid android:color="@color/greentext" />
</shape>
</clip>
</item>
</layer-list>

文字怎么随着进度条在屏幕移动呢，只要动态设置距离左边的长度就可以了：

LinearLayout.LayoutParams p = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
p.leftMargin = -myL;
tv_text.setLayoutParams(p);
这个直接如果放在activity中是不起作用的，因为没有刷新view，所有要放在onWindowFocusChanged这个方法里执行，在view视图创建完成时，在这个方法里可以获取view的宽高和边距等；

看主要核心代码：

public void myProgress(ProgressBar progress, TextView tv_text,
int progressNum, String percentContext) {
progress.setProgress(progressNum);
tv_text.setText(" " + percentContext + "%");
int progressMarginLeft = progress.getLeft();
progressWidh = screenWidth - progressMarginLeft * 3;
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
progressWidh, 5);
params.leftMargin = iv_header.getLeft() / 2;
progress.setLayoutParams(params);
int myL = progressWidh - progressWidh * progress.getProgress() / 100;
LinearLayout.LayoutParams p = new LinearLayout.LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
p.leftMargin = -myL;
tv_text.setLayoutParams(p);
}

一定要把这个方法放在onWindowFocusChanged这里执行；

这是xml文件
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:gravity="center_vertical"
android:orientation="horizontal" >
<ProgressBar
android:id="@+id/progress_five"
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="200dp"
android:layout_height="3dp"
android:layout_marginLeft="5dp"
android:max="100"
android:progress="0"
android:progressDrawable="@drawable/progress_drawable" />
<TextView
android:id="@+id/tv_percent_five"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:textColor="@color/white"
android:textSize="@dimen/text_size_13" />
</LinearLayout>

这是在activity中的简单实现：

上效果图

0 0