android好看進度條

⑴ 長按如何使進度條變化android

通過MediaPlayer調節。
系統自帶的進度條的顏色比較單調，實際開發中使用較少，可以自定義進度條背景，新建一個progressbarbg.xml文件。gradient可以設置進度條的漸變色，android：endColor和android：startColor可以設置漸變開始和結束的顏色。定義完成以後，便可以使用。
在音樂進度，網路下載時，需動態載入進度條，默認情況下，設置進度條，使用setProgress即可。但有時除了動態設置進度，仍需要動態設置進度條顏色通過MediaPlayer播放音樂並獲取進度，設置進度。

⑵ Android 自定義進度條，通過canvas怎麼畫一個進度條

現在很多手機版網頁，或者比較高版本的頁面中，經常碰到一中圓形的百分比進度效果這個其實用HTML5中的SVG實現起來比較容易而且逼格看起來比較高使用方法：1、將head中的樣式復制到你的樣式表中2、將body中的代碼部分拷貝過去即可

⑶ android 繪制進度條

看起來代碼挺長，其實都是在獲取自定義屬性，沒什麼技術含量。
寬度不變，所以的自定義屬性不涉及寬度，高度呢，只考慮不是EXACTLY的情況（用戶明確指定了，就不管了），根據padding和進度條寬度算出自己想要的，如果非EXACTLY下，進行exceptHeight封裝，傳入給控制項進行測量高度。

橫向的滾動條繪制肯定需要一些屬性，比如已/未到達進度的顏色、寬度，文本的顏色、大小等。
本來呢，我是想通過系統ProgressBar的progressDrawable，從裡面提取一些屬性完成繪制需要的參數的。但是，最終呢，反而讓代碼變得復雜。所以最終還是改用自定義屬性。 說道自定義屬性，大家應該已經不陌生了。

1、
1、自定義屬性
values/attr_progress_bar.xml:

[html] view plain
<?xml version="1.0" encoding="utf-8"?>
<resources>

<declare-styleable name="">
<attr name="progress_unreached_color" format="color" />
<attr name="progress_reached_color" format="color" />
<attr name="progress_reached_bar_height" format="dimension" />
<attr name="progress_unreached_bar_height" format="dimension" />
<attr name="progress_text_size" format="dimension" />
<attr name="progress_text_color" format="color" />
<attr name="progress_text_offset" format="dimension" />
<attr name="progress_text_visibility" format="enum">
<enum name="visible" value="0" />
<enum name="invisible" value="1" />
</attr>
</declare-styleable>

<declare-styleable name="RoundProgressBarWidthNumber">
<attr name="radius" format="dimension" />
</declare-styleable>

</resources>
2、構造中獲取

[java] view plain
public class extends ProgressBar
{

private static final int DEFAULT_TEXT_SIZE = 10;
private static final int DEFAULT_TEXT_COLOR = 0XFFFC00D1;
private static final int DEFAULT_COLOR_UNREACHED_COLOR = 0xFFd3d6da;
private static final int DEFAULT_HEIGHT_REACHED_PROGRESS_BAR = 2;
private static final int DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR = 2;
private static final int DEFAULT_SIZE_TEXT_OFFSET = 10;

/**
* painter of all drawing things
*/
protected Paint mPaint = new Paint();
/**
* color of progress number
*/
protected int mTextColor = DEFAULT_TEXT_COLOR;
/**
* size of text (sp)
*/
protected int mTextSize = sp2px(DEFAULT_TEXT_SIZE);

/**
* offset of draw progress
*/
protected int mTextOffset = dp2px(DEFAULT_SIZE_TEXT_OFFSET);

/**
* height of reached progress bar
*/
protected int mReachedProgressBarHeight = dp2px(DEFAULT_HEIGHT_REACHED_PROGRESS_BAR);

/**
* color of reached bar
*/
protected int mReachedBarColor = DEFAULT_TEXT_COLOR;
/**
* color of unreached bar
*/
protected int mUnReachedBarColor = DEFAULT_COLOR_UNREACHED_COLOR;
/**
* height of unreached progress bar
*/
protected int mUnReachedProgressBarHeight = dp2px(DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR);
/**
* view width except padding
*/
protected int mRealWidth;

protected boolean mIfDrawText = true;

protected static final int VISIBLE = 0;

public (Context context, AttributeSet attrs)
{
this(context, attrs, 0);
}

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

setHorizontalScrollBarEnabled(true);

obtainStyledAttributes(attrs);

mPaint.setTextSize(mTextSize);
mPaint.setColor(mTextColor);

}

/**
* get the styled attributes
*
* @param attrs
*/
private void obtainStyledAttributes(AttributeSet attrs)
{
// init values from custom attributes
final TypedArray attributes = getContext().obtainStyledAttributes(
attrs, R.styleable.);

mTextColor = attributes
.getColor(
R.styleable._progress_text_color,
DEFAULT_TEXT_COLOR);
mTextSize = (int) attributes.getDimension(
R.styleable._progress_text_size,
mTextSize);

mReachedBarColor = attributes
.getColor(
R.styleable._progress_reached_color,
mTextColor);
mUnReachedBarColor = attributes
.getColor(
R.styleable._progress_unreached_color,
DEFAULT_COLOR_UNREACHED_COLOR);
mReachedProgressBarHeight = (int) attributes
.getDimension(
R.styleable._progress_reached_bar_height,
mReachedProgressBarHeight);
mUnReachedProgressBarHeight = (int) attributes
.getDimension(
R.styleable._progress_unreached_bar_height,
mUnReachedProgressBarHeight);
mTextOffset = (int) attributes
.getDimension(
R.styleable._progress_text_offset,
mTextOffset);

int textVisible = attributes
.getInt(R.styleable._progress_text_visibility,
VISIBLE);
if (textVisible != VISIBLE)
{
mIfDrawText = false;
}
attributes.recycle();
}

3、onMeasure
剛才不是出onDraw裡面寫寫就行了么，為什麼要改onMeasure呢，主要是因為我們所有的屬性比如進度條寬度讓用戶自定義了，所以我們的測量也得稍微變下。

[java] view plain
@Override
protected synchronized void onMeasure(int widthMeasureSpec,
int heightMeasureSpec)
{
int heightMode = MeasureSpec.getMode(heightMeasureSpec);

if (heightMode != MeasureSpec.EXACTLY)
{

float textHeight = (mPaint.descent() + mPaint.ascent());
int exceptHeight = (int) (getPaddingTop() + getPaddingBottom() + Math
.max(Math.max(mReachedProgressBarHeight,
mUnReachedProgressBarHeight), Math.abs(textHeight)));

heightMeasureSpec = MeasureSpec.makeMeasureSpec(exceptHeight,
MeasureSpec.EXACTLY);
}
super.onMeasure(widthMeasureSpec, heightMeasureSpec);

}

測量完，就到我們的onDraw了~~~

⑷ Android類似於帶文本的進度條的效果怎麼實現

載一個自定義的loading_process_dialog_anim
調用的方法：
[mw_shl_code=java,false]
public void showRoundProcessDialog(Context mContext, int layout)
{
OnKeyListener keyListener = new OnKeyListener()
{
@Override
public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event)
{
if (keyCode == KeyEvent.KEYCODE_HOME || keyCode == KeyEvent.KEYCODE_SEARCH)
{
return true;
}
return false;
}
};

mDialog = new AlertDialog.Builder(mContext).create();
mDialog.setOnKeyListener(keyListener);
mDialog.show();
// 注意此處要放在show之後 否則會報異常
mDialog.setContentView(layout);
}[/mw_shl_code]

XML:
[mw_shl_code=java,false]<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android=""
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal" >

<ProgressBar
android:id="@+id/loading_process_dialog_progressBar"
android:layout_width="33dp"
android:layout_height="wrap_content"
android:indeterminate="false"
android:indeterminateDrawable="@anim/loading" />

</LinearLayout>[/mw_shl_code]

loading.xml:
[mw_shl_code=java,false]<?xml version="1.0" encoding="utf-8"?>
<animation-list android:oneshot="false"
xmlns:android="">
<item android:ration="250" android:drawable="@drawable/loading_01" />
<item android:ration="250" android:drawable="@drawable/loading_02" />
<item android:ration="250" android:drawable="@drawable/loading_03" />
<item android:ration="250" android:drawable="@drawable/loading_04" />
<item android:ration="250" android:drawable="@drawable/loading_05" />
<item android:ration="250" android:drawable="@drawable/loading_06" />
<item android:ration="250" android:drawable="@drawable/loading_07" />
</animation-list> [/mw_shl_code]

⑸ android 怎麼使水平進度條動起來 最好有個例子 我是新手

進度條的操作你應該會的吧。
例子網上其實有很多，我大致說一下。

首先你要寫一個線程，然後循環i從1開始，i++,一直到100
然後去修改你主線程的進度條
這樣你的進度條就動起來了！當到100的時候，傳一個intent 跳轉activity

⑹ Android開發怎麼自定義繪制如下圖中這種進度條急需！在線等！

一）變換前背景

先來看看progressbar的屬性：
1. <ProgressBar
2. android:id="@+id/progressBar"
3. style="?android:attr/progressBarStyleHorizontal"
4. android:layout_width="match_parent"
5. android:layout_height="wrap_content"
6. android:layout_margin="5dip"
7. android:layout_toRightOf="@+id/progressBarV"
8. android:indeterminate="false"
9. android:padding="2dip"
10. android:progress="50" />
根據style="?android:attr/progressBarStyleHorizontal"，我們找到源碼中的style.xml
1. <style name="Widget.ProgressBar.Horizontal">
2. <item name="android:indeterminateOnly">false</item>
3. <item name="android:progressDrawable">@android:drawable/progress_horizontal</item>
4. <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
5. <item name="android:minHeight">20dip</item>
6. <item name="android:maxHeight">20dip</item>
7. </style>
看到
<item name="android:progressDrawable">@android:drawable/progress_horizontal</item>
木有，繼續發掘源碼，找到drawable下面的progress_horizontal.xml，這就是我們今天的主角了：
1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
2.
3. <item android:id="@android:id/background">
4. <shape>
5. <corners android:radius="5dip" />
6. <gradient
7. android:startColor="#ff9d9e9d"
8. android:centerColor="#ff5a5d5a"
9. android:centerY="0.75"
10. android:endColor="#ff747674"
11. android:angle="270"
12. />
13. </shape>
14. </item>
15.
16. <item android:id="@android:id/secondaryProgress">
17. <clip>
18. <shape>
19. <corners android:radius="5dip" />
20. <gradient
21. android:startColor="#80ffd300"
22. android:centerColor="#80ffb600"
23. android:centerY="0.75"
24. android:endColor="#a0ffcb00"
25. android:angle="270"
26. />
27. </shape>
28. </clip>
29. </item>
30.
31. <item android:id="@android:id/progress">
32. <clip>
33. <shape>
34. <corners android:radius="5dip" />
35. <gradient
36. android:startColor="#ffffd300"
37. android:centerColor="#ffffb600"
38. android:centerY="0.75"
39. android:endColor="#ffffcb00"
40. android:angle="270"
41. />
42. </shape>
43. </clip>
44. </item>
45.
46. </layer-list>
看到android:id="@android:id/progress"木有，看到android:id="@android:id/secondaryProgress"木有
把這個文件復制到自己工程下的drawable，就可以隨心所欲的修改shape的屬性，漸變，圓角等等
那麼怎麼放一個圖片進去呢，ok，新建progress_horizontal1.xml：
1. <?xml version="1.0" encoding="utf-8"?>
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
3.
4. <item android:id="@android:id/progress" android:drawable="@drawable/progressbar" />
5.
6. </layer-list>
在android:drawable中指定你處理好的圖片
然後回到布局中
1. <ProgressBar
2. android:id="@+id/progressBar1"
3. android:layout_width="match_parent"
4. android:layout_height="wrap_content"
5. android:layout_below="@+id/progressBar"
6. android:layout_margin="5dip"
7. android:layout_toRightOf="@+id/progressBarV"
8. android:background="@drawable/progress_bg"
9. android:indeterminate="false"
10. android:indeterminateOnly="false"
11. android:maxHeight="20dip"
12. android:minHeight="20dip"
13. android:padding="2dip"
14. android:progress="50"
15. android:progressDrawable="@drawable/progress_horizontal1" />
android:background="@drawable/progress_bg"指定背景
android:progressDrawable="@drawable/progress_horizontal1"前景使用上面的progress_horizontal1

要是還不行

你來我們群里說吧

這里是開發者互相學習交流的 有大神

讓他們給你解釋你的疑問 號 碼look at my n a m e.....

⑺ android 怎麼自定義繪制如下圖中這種進度條

下面是安卓學習手冊中實現各種進度條的截圖：

要想看各種進度條的實現代碼和文檔，直接去360手機助手中下載安卓學習手冊，例子文檔隨便看。

1、說明

在某些操作的進度中的可視指示器，為用戶呈現操作的進度，還它有一個次要的進度條，用來顯示中間進度，如在流媒體播放的緩沖區的進度。一個進度條也可不確定其進度。在不確定模式下，進度條顯示循環動畫。這種模式常用於應用程序使用任務的長度是未知的。

2、XML重要屬性

android:progressBarStyle：默認進度條樣式

android:progressBarStyleHorizontal：水平樣式

3 重要方法

getMax()：返回這個進度條的范圍的上限

getProgress()：返回進度

getSecondaryProgress()：返回次要進度

incrementProgressBy(int diff)：指定增加的進度

isIndeterminate()：指示進度條是否在不確定模式下

setIndeterminate(boolean indeterminate)：設置不確定模式下

setVisibility(int v)：設置該進度條是否可視

4 重要事件

onSizeChanged(int w, int h, int oldw, int oldh)：當進度值改變時引發此事件

5進度條的樣式

Widget.ProgressBar.Horizontal長形進度

Androidxml 布局：

<ProgressBar

android:id="@+id/progress_bar"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

style="@android:style/Widget.ProgressBar.Horizontal "

/>

源碼：

private ProgressBar mProgress;

private int mProgressStatus=0;

private Handler mHandler=newHandler();

@Override

protected void onCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mProgress=(ProgressBar)findViewById(R.id.progress_bar);

new Thread(new Runnable(){

@Override

public void run(){

while(mProgressStatus<100){

mProgressStatus=doWork();

mHandler.post(new Runnable(){

@Override

public void run(){

mProgress.setProgress(mProgressStatus);

}

});

}

}

}).start();

}

效果圖：

帶第二進度的進度條

xml配置如下：

<ProgressBar

android:id="@+id/progress_bar_with_second"

style="@android:style/Widget.ProgressBar.Horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:progress="40"

android:secondaryProgress="70"

android:paddingTop="20dp"

android:paddingBottom="20dp"/>

這里我們設置了初始的進度為40，android:progress的值在mini和max之間即mini<=progressvalue<=max

設置了第二進度條的進度值為70，該值也在mini和max之間。

效果如下：

不確定模式進度條

xml配置文件：

<ProgressBar

android:id="@+id/progress_bar_indeterminate"

style="@android:style/Widget.ProgressBar.Horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:indeterminate="true"

android:indeterminateBehavior="cycle"

android:paddingBottom="20dp"

android:paddingTop="20dp"

android:progress="40" />

這里通過android:indeterminate="true"設置了當前為無模式進度條

效果如圖：

普通圓形進度：Widget.ProgressBar.Inverse

<ProgressBar

android:id="@+id/progress_bar1"

style="@android:style/Widget.ProgressBar.Inverse"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:progress="50"

android:background="#ff00ff"

android:paddingTop="4dp" />

通過android:backgroup設置了背景色