目标效果:
例子中控件较多相互之间不全有联系,可以不同时加入。点击增加减少重置按钮,可以更改绿色进度条的信息,并且在TextView中显示第一进度条和第二进度条(可以理解为第一进度条是电视剧正在播放的进度,第二进度条是电视剧缓冲的进度)的百分比。点击显示对话框按钮,可以弹出图三的进度条对话框,点击对话框的确定按钮可以使用吐司显示提示语。
1.activity_main.xml页面设置所有控件。
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"
tools:context=".MainActivity" >
<ProgressBar
android:id="@+id/pbLarge"
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginRight="19dp"
android:layout_toLeftOf="@+id/pbMid" />
<ProgressBar
android:id="@+id/pbMid"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/pbLarge"
android:layout_centerHorizontal="true" />
<ProgressBar
android:id="@+id/pbSmall"
style="?android:attr/progressBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/pbMid"
android:layout_marginLeft="58dp"
android:layout_toRightOf="@+id/pbMid" />
<!--
android:max="100" //最大刻度值
android:progress="50" //第一刻度值
android:secondaryProgress="80" //第二刻度值
style="@android:style/Widget.ProgressBar.Horizontal" //圆角条形进度条
android:progressDrawable="@drawable/progress_drawable" //自定义颜色覆盖系统默认颜色
-->
<ProgressBar
android:id="@+id/pbCrosswise"
style="@android:style/Widget.ProgressBar.Horizontal"
android:progressDrawable="@drawable/progress_drawable"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/pbLarge"
android:layout_marginTop="65dp"
android:max="100"
android:progress="50"
android:secondaryProgress="80" />
<Button
android:id="@+id/btAdd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/pbCrosswise"
android:layout_marginTop="22dp"
android:text="@string/btAdd" />
<Button
android:id="@+id/btReduce"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/btAdd"
android:text="@string/btReduce" />
<Button
android:id="@+id/btReset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/btReduce"
android:text="@string/btReset" />
<TextView
android:id="@+id/tvShow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/btReset"
android:layout_marginTop="14dp" />
<Button
android:id="@+id/btShowDialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignTop="@+id/tvShow"
android:layout_marginTop="26dp"
android:text="@string/btShowDialog" />
</RelativeLayout>
2.MainActivity.java页面定义各种属性及事件。
MainActivity.java页面:
package com.example.jindutiao;
import android.os.Bundle;
import android.app.Activity;
import android.app.ProgressDialog;
import android.content.DialogInterface;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity implements OnClickListener {
private ProgressBar pbCrosswise;
private Button btAdd, btReduce, btReset,btShowDialog;
private TextView tvShow;
private ProgressDialog prodialog;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
/*启用窗口特征*/
requestWindowFeature(Window.FEATURE_PROGRESS);//在标题栏处启用带进度的进度条
requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);//在标题栏处启用不带进度的进度条
setContentView(R.layout.activity_main);
/*显示两种进度条*/
setProgressBarVisibility(true);//显示带进度的进度条
setProgressBarIndeterminateVisibility(true);//显示不带进度的进度条,true为在标题栏的右方显示圆形进度条
/*水平进度条的进度值*/
setProgress(6000);//最大值Max=10000
init();//调用获取控件id的方法
}
private void init() {
pbCrosswise = (ProgressBar) findViewById(R.id.pbCrosswise);
btAdd = (Button) findViewById(R.id.btAdd);
btReduce = (Button) findViewById(R.id.btReduce);
btReset = (Button) findViewById(R.id.btReset);
btShowDialog=(Button) findViewById(R.id.btShowDialog);
tvShow = (TextView) findViewById(R.id.tvShow);
/*获取进度*/
int first = pbCrosswise.getProgress();//获取第一进度条进度
int second = pbCrosswise.getSecondaryProgress();//获取第二进度条进度
int max = pbCrosswise.getMax();//获取最大进度
/*将进度值显示在TextView上*/
tvShow.setText("第一进度百分比" + (int) (first / (float) max * 100)
+ "% 第二进度百分比" + (int) (second / (float) max * 100) + "%");//避免在相除时出现结果为零,所以需要转换float型,进度条一般无小数,所以需要最后转换为int型
btAdd.setOnClickListener(this); //设置按钮的点击事件
btReduce.setOnClickListener(this);
btReset.setOnClickListener(this);
btShowDialog.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btAdd: {
/*每次点击增加刻度值*/
pbCrosswise.incrementProgressBy(10);// 增加第一进度十刻度
pbCrosswise.incrementSecondaryProgressBy(10);//增加第二进度十刻度
break;
}
case R.id.btReduce: {
pbCrosswise.incrementProgressBy(-10);
pbCrosswise.incrementSecondaryProgressBy(-10);
break;
}
case R.id.btReset: {
pbCrosswise.setProgress(50);
pbCrosswise.setSecondaryProgress(80);
break;
}
case R.id.btShowDialog:{
/**
*页面属性
*/
/*新建ProgressDialog对象*/
prodialog=new ProgressDialog(MainActivity.this);
/*设置显示风格*/
prodialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
/*设置标题*/
prodialog.setTitle("新页面");
/*对话框的文字信息*/
prodialog.setMessage("请耐心等待...");
/*对话框图标*/
prodialog.setIcon(R.drawable.ic_launcher);
/**
* 进度条属性
*/
/*设置最大进度*/
prodialog.setMax(100);
/*设置初始化进度*/
prodialog.incrementProgressBy(50);
/*设置进度条明确显示进度*/
prodialog.setIndeterminate(false);
/**
* 设定确定按钮
*/
/*参数一:按钮类型,参数二:按钮文字,参数三:按钮监听器*/
prodialog.setButton(DialogInterface.BUTTON_POSITIVE,"确定",new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface arg0, int arg1) {
Toast.makeText(MainActivity.this,"欢迎",Toast.LENGTH_SHORT).show();
}
});
/*是否可以通过返回按钮退出对话框*/
prodialog.setCancelable(true);
/*显示对话框*/
prodialog.show();
break;
}
}
tvShow.setText("第一进度百分比"
+ (int) (pbCrosswise.getProgress()
/ (float) pbCrosswise.getMax() * 100)
+ "% 第二进度百分比"
+ (int) (pbCrosswise.getSecondaryProgress()
/ (float) pbCrosswise.getMax() * 100) + "%");//修改刻度之后重新显示到TextView上
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
3.运行就显示目标效果了。