如何将background.png设置为进度条的背景，并进行拉伸，并将其填充到最大？

Question

我有进度条，我有两张图片background.png和progress.png。 如何将background.png设置为进度条的背景，并进行拉伸，并将其填充到最大？

我尝试过像android:progressDrawable="@drawable/progress"但它不起作用。

Answer 1

相信对于这一点，你需要设置一个完整的样式为android:progressBarStyleHorizontal 你可以看到所有需要的值，如果你去http://android-holo-colors.com/，只是下载设置进度栏

Answer 2

由于一个主题，你是试图把你自己的形象在ProgressBar那么你应该创建自定义ProgressBar这将帮助你设置自己的图像作为背景和进度图像。

在这里，我给你一个方法如何做自定义ProgressBar。创建一个XML处理background.png作为proress酒吧的背景和progress.png与层列表proress酒吧的进度指示器属性...命名XML作为progressbar.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 

    <item 
     android:id="@android:id/background" 
     <!--setting background.png as background of proressbar--> 
     android:drawable="@drawable/background"/> 
    <item 
     android:id="@+id/progress" 
     <!--setting progress.png as progress drawable of proressbar--> 
     android:drawable="@drawable/progress"> 
    </item> 

</layer-list> 

创建自定义ProgressBar命名为CustomProgressBar其中扩展ProgressBar。 CustomProgressBar.java

public class CustomProgressBar extends ProgressBar { 

    public CustomProgressBar(Context context) { 
     super(context); 
    } 

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

    public CustomProgressBar(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
    } 

    @Override 
    protected synchronized void onDraw(Canvas canvas) { 
     // update the size of the progress bar and overlay 
     updateProgressBar(); 

     // paint the changes to the canvas 
     super.onDraw(canvas); 
    } 

    @Override 
    public synchronized void setProgress(int progress) { 
     super.setProgress(progress); 

     // the setProgress super will not change the details of the progress bar 
     // anymore so we need to force an update to redraw the progress bar 
     invalidate(); 
    } 

    private float getScale(int progress) { 
     float scale = getMax() > 0 ? (float) progress/(float) getMax() : 0; 

     return scale; 
    } 

    private void updateProgressBar() { 
     Drawable progressDrawable = getProgressDrawable(); 

     if (progressDrawable != null && progressDrawable instanceof LayerDrawable) { 
      LayerDrawable d = (LayerDrawable) progressDrawable; 

      final float scale = getScale(getProgress()); 

      // get the progress bar and update it's size 
      Drawable progressBar = d.findDrawableByLayerId(R.id.progress); 

      final int width = d.getBounds().right - d.getBounds().left; 

      if (progressBar != null) { 
       Rect progressBarBounds = progressBar.getBounds(); 
       progressBarBounds.right = progressBarBounds.left + (int) (width * scale + 0.5f); 
       progressBar.setBounds(progressBarBounds); 
      } 

     } 
    } 
} 

在styles.xml创建自定义进度条样式属性...

<resources> 

    <style name="Widget"></style> 

    <style name="Widget.ProgressBar"> 
     <item name="android:indeterminateOnly">true</item> 
     <item name="android:indeterminateBehavior">repeat</item> 
     <item name="android:indeterminateDuration">3500</item> 
     <item name="android:minWidth">48dip</item> 
     <item name="android:maxWidth">48dip</item> 
     <item name="android:minHeight">48dip</item> 
     <item name="android:maxHeight">48dip</item> 
    </style> 

    <style name="Widget.ProgressBar.RegularProgressBar"> 
     <item name="android:indeterminateOnly">false</item> 
     <item name="android:progressDrawable">@drawable/progressbar</item> 
     <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item> 
     <item name="android:minHeight">1dip</item> 
     <item name="android:maxHeight">10dip</item> 
    </style> 

</resources> 

添加自定义CustomProgressBar到您的XML。假设，你把CustomProgressBar.java文件中com.widgets.custom包......那么XML进度条会...

<com.widgets.custom.CustomProgressBar 
    android:id="@+id/regularprogressbar" 
    style="@style/Widget.ProgressBar.RegularProgressBar" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="50dip" /> 

在你的Activity类初始化定义进度栏和根据需要使用。但是我给演示活动类更好地了解...

public class ProgressBarActivity extends Activity { 

    private SaundProgressBar mRegularProgressBar; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main); 

     mRegularProgressBar = (SaundProgressBar) findViewById(R.id.regularprogressbar); 

     new UpdateBarTask().execute(); 
    } 

    private class UpdateBarTask extends AsyncTask<Void, Integer, Void> { 

     @Override 
     protected Void doInBackground(Void... params) { 

      int max = mRegularProgressBar.getMax(); 
      for (int i = 0; i <= max; i++) { 
       try { 
        // update every second 
        Thread.sleep(100); 
       } catch (InterruptedException e) { 

       } 

       publishProgress(i); 
      } 

      return null; 
     } 

     @Override 
     protected void onProgressUpdate(Integer... values) { 
      mRegularProgressBar.setProgress(values[0]); 
     } 
    } 
}