Android之自定义ProgressBar
本文简单介绍下Android之自定义ProgressBar。
多的不说,先上图
布局文件
activity_main.xml
<LinearLayout 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=".MainActivity" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:padding="5dp" /> <ProgressBar android:id="@+id/progress1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dp" /> <ProgressBar android:id="@+id/progress2" style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:max="100" android:progress="60" android:secondaryProgress="80" android:padding="5dp"/> <ProgressBar android:id="@+id/progress3" style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:max="100" android:progress="60" android:secondaryProgress="80" android:progressDrawable="@drawable/progress_horizontal" android:padding="5dp"/> <ProgressBar android:id="@+id/progress4" style="?android:attr/progressBarStyleHorizontal" android:layout_width="fill_parent" android:layout_height="25dp" android:max="100" android:progress="80" android:paddingLeft="1dp" android:paddingRight="1dp" android:progressDrawable="@drawable/progressbar_layer_list" android:padding="5dp"/> <ProgressBar android:id="@+id/progress5" android:layout_width="30dip" android:layout_height="30dip" android:indeterminateDrawable="@drawable/progress_selector" android:visibility="visible" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="progress value" android:padding="5dp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <Button android:id="@+id/btn1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="value -"/> <Button android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="value +"/> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="second progress value" android:padding="5dp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <Button android:id="@+id/btn3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="value -"/> <Button android:id="@+id/btn4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="value +"/> </LinearLayout> </LinearLayout>
布局文件关联的文件
progress_horizontal.xml
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@android:id/background" android:drawable="@color/red"> </item> <item android:id="@android:id/secondaryProgress"> <scale android:drawable="@color/green" android:scaleWidth="100%" /> </item> <item android:id="@android:id/progress"> <scale android:drawable="@color/blue" android:scaleWidth="100%" /> </item> </layer-list>
progressbar_layer_list.xml
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@android:id/background" android:drawable="@drawable/pic2"> </item> <item android:id="@android:id/progress" android:drawable="@drawable/pic1"> </item> </layer-list>
progress_selector.xml
<?xml version="1.0" encoding="UTF-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0" android:toDegrees="360"> <shape android:shape="ring" android:innerRadiusRatio="3" android:thicknessRatio="8" android:useLevel="false"> <gradient android:type="sweep" android:useLevel="false" android:startColor="#871318" android:centerColor="#D5202A" android:centerY="0.50" android:endColor="#FFEEEE"/> </shape> </rotate>
主程序
package com.sl.progressbardemo; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.view.Window; import android.widget.Button; import android.widget.ProgressBar; import android.app.Activity; public class MainActivity extends Activity { private ProgressBar mProgressBar2; private ProgressBar mProgressBar3; private ProgressBar mProgressBar4; private Button mButton1; private Button mButton2; private Button mButton3; private Button mButton4; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_PROGRESS); setContentView(R.layout.activity_main); setProgressBarVisibility(true); mProgressBar2 = (ProgressBar)findViewById(R.id.progress2); mProgressBar3 = (ProgressBar)findViewById(R.id.progress3); mProgressBar4 = (ProgressBar)findViewById(R.id.progress4); mButton1 = (Button)findViewById(R.id.btn1); mButton2 = (Button)findViewById(R.id.btn2); mButton3 = (Button)findViewById(R.id.btn3); mButton4 = (Button)findViewById(R.id.btn4); mButton1.setOnClickListener(listener); mButton2.setOnClickListener(listener); mButton3.setOnClickListener(listener); mButton4.setOnClickListener(listener); } Button.OnClickListener listener = new OnClickListener() { @Override public void onClick(View v) { Button button = (Button)v; switch (button.getId()) { case R.id.btn1: mProgressBar2.incrementProgressBy(-5); mProgressBar3.incrementProgressBy(-5); mProgressBar4.incrementProgressBy(-5); break; case R.id.btn2: mProgressBar2.incrementProgressBy(5); mProgressBar3.incrementProgressBy(5); mProgressBar4.incrementProgressBy(5); break; case R.id.btn3: mProgressBar2.incrementSecondaryProgressBy(-5); mProgressBar3.incrementSecondaryProgressBy(-5); break; case R.id.btn4: mProgressBar2.incrementSecondaryProgressBy(5); mProgressBar3.incrementSecondaryProgressBy(5); break; default: break; } } }; }
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。