进度条和seekbar控件的实习----安卓笔记

浏览数：477 / 时间：2015年06月11日

练习要求：

a) 新增一个页面，如下图所示，首先显示Small、Large、Inverse、Horizontal

等四种方式的进度条。然后在下面添加“增加”，“减少”，“可视”等三

个按钮。最后一行显示一个SeekBar 。

b) 针对 Small 样式的进度条：点击“可视”按钮，如果当前是可视的，则

让其消失。否则，让其可视。

c) 针对 Horizontal 样式的进度条：点击增加或者减少，让其位置每次增加

或者减少一部分（每次增减的量自己设置）。

d) 针对SeekBar，当用户滑动时，在SeekBar 下方利用文字“当前位置XXX ”

显示当前滑动到的位置。如果用户停止滑动，则显示“拖动滑块设置”

文字。

运行后的主界面

点击VisibleSmall按钮可以决定Progressbar.Small是否看见

.java主程序

  1 package com.example.seekbar;
  2 
  3 import android.app.Activity;
  4 import android.os.Bundle;
  5 import android.view.View;
  6 import android.view.View.OnClickListener;
  7 import android.widget.Button;
  8 import android.widget.ProgressBar;
  9 import android.widget.SeekBar;
 10 import android.widget.SeekBar.OnSeekBarChangeListener;
 11 import android.widget.TextView;
 12  
 13  public class MainActivity extends Activity {
 14  
 15      private Button btnAdd, btnReduce, btnVisible;
 16      private ProgressBar pbHor, pbSmall;
 17      private TextView textview1, textview2;
 18      private SeekBar seekbar;
 19  
 20      @Override
 21      protected void onCreate(Bundle savedInstanceState) {
 22          super.onCreate(savedInstanceState);
 23          setContentView(R.layout.activity_main);
 24 
 25 
 26          btnAdd = (Button) findViewById(R.id.btnAdd);
 27          btnReduce = (Button) findViewById(R.id.btnReduce);
 28          btnVisible = (Button) findViewById(R.id.btnVisible);
 29          pbHor = (ProgressBar) findViewById(R.id.pbHor);
 30          pbSmall = (ProgressBar) findViewById(R.id.pbSmall);
 31          textview1 = (TextView) findViewById(R.id.textview1);
 32          textview2 = (TextView) findViewById(R.id.textview2);
 33          seekbar = (SeekBar) findViewById(R.id.seekbar);
 34 
 35  
 36          btnAdd.setOnClickListener(mathClick);
 37          btnReduce.setOnClickListener(mathClick);
 38          seekbar.setOnSeekBarChangeListener(seekBarChange);
 39          
 40          btnVisible.setOnClickListener(new View.OnClickListener() {
 41  
 42              @Override
 43              public void onClick(View v) {
 44                  // 判断Small进度条是否显示，显示则隐藏，隐藏则显示
 45                  if (pbSmall.getVisibility() == View.VISIBLE) {
 46                      pbSmall.setVisibility(View.GONE);
 47                  } else {
 48                      pbSmall.setVisibility(View.VISIBLE);
 49                  }
 50  
 51              }
 52          });
 53      }
 54  
 55 private View.OnClickListener mathClick = new OnClickListener() {
 56  
 57          @Override
 58          public void onClick(View v) {
 59              switch (v.getId()) {
 60              case R.id.btnAdd:
 61 
 62                  if (pbHor.getProgress() < 90) {
 63                      pbHor.setProgress((int) (pbHor.getProgress() * 1.2));
 64                  }
 65                  if (pbHor.getSecondaryProgress() < 100) {
 66                      pbHor.setSecondaryProgress((int) (pbHor
 67                              .getSecondaryProgress() * 1.2));
 68                  }
 69                  break;
 70              case R.id.btnReduce:
 71              
 72                  if (pbHor.getProgress() > 10) {
 73                      pbHor.incrementProgressBy(-10);
 74                  }
 75                  if (pbHor.getSecondaryProgress() > 20) {
 76                      pbHor.incrementSecondaryProgressBy(-10);
 77                  }
 78                  break;
 79              }
 80          }
 81      };
 82     
 83      
 84  private OnSeekBarChangeListener seekBarChange = new OnSeekBarChangeListener() {
 85 
 86           @Override
 87           public void onStopTrackingTouch(SeekBar seekBar) {
 88 
 89                    if (seekBar.getId() == R.id.seekbar) {
 90 
 91                   textview1.setText("拖动滑块设置");
 92 
 93                    } 
 94 
 95             }
 96          
 97           @Override
 98           public void onStartTrackingTouch(SeekBar seekBar) {
 99 
100 
101                  }
102 
103            @Override
104            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) 
105            {
106 
107                if (seekBar.getId() == R.id.seekbar) {
108 
109                      textview2.setText("当前位置是：" + progress);
110                 } 
111            }
112 
113      };   
114 
115  }

main.xml布局（注：只有Widget.ProgressBar.Horizontal风格的进度条，才可以设置进度的递增）

  1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2       android:layout_width="match_parent"
  3       android:layout_height="wrap_content"
  4       android:orientation="vertical" > <!--垂直布局-->
  5      
  6   
  7       <TextView
  8          android:layout_width="wrap_content"
  9          android:layout_height="wrap_content"
 10          android:text="Widget.ProgressBar.Small" />
 11  
 12      <ProgressBar
 13          android:id="@+id/pbSmall"
 14          style="@android:style/Widget.ProgressBar.Small"
 15          android:layout_width="wrap_content"
 16          android:layout_height="wrap_content" 
 17          android:layout_gravity="center_horizontal"/>
 18  
 19      <TextView
 20          android:layout_width="wrap_content"
 21          android:layout_height="wrap_content"
 22          android:text="Widget.ProgressBar.Large" />
 23  
 24      <ProgressBar
 25          style="@android:style/Widget.ProgressBar.Large"
 26          android:layout_width="wrap_content"
 27          android:layout_height="wrap_content"
 28          android:layout_gravity="center_horizontal" />
 29  
 30     <TextView
 31          android:layout_width="wrap_content"
 32          android:layout_height="wrap_content"
 33          android:text="Widget.ProgressBar.Inverse" />
 34  
 35      <ProgressBar
 36          style="@android:style/Widget.ProgressBar.Inverse"
 37          android:layout_width="wrap_content"
 38          android:layout_height="wrap_content" 
 39          android:layout_gravity="center_horizontal"/>
 40  
 41     <TextView
 42          android:layout_width="wrap_content"
 43          android:layout_height="wrap_content"
 44          android:text="Widget.ProgressBar.Horizontal" />
 45  
 46      <ProgressBar
 47          android:id="@+id/pbHor"
 48          style="@android:style/Widget.ProgressBar.Horizontal"
 49          android:layout_width="match_parent"
 50          android:layout_height="wrap_content"
 51          android:max="100"
 52          android:progress="20"
 53          android:secondaryProgress="60" />
 54      <LinearLayout
 55          android:layout_width="wrap_content"
 56          android:layout_height="wrap_content"
 57          android:orientation="horizontal" > 
 58          <!-- 水平布局-->
 59          <!-- 设置一个按钮控制水平进度的递增 -->
 60     <Button
 61          android:id="@+id/btnAdd"
 62          android:layout_width="wrap_content"
 63          android:layout_height="wrap_content"
 64          android:text="  +  " />
 65          <!-- 设置一个按钮控制水平进度的递减 -->
 66     <Button
 67          android:id="@+id/btnReduce"
 68          android:layout_width="wrap_content"
 69          android:layout_height="wrap_content"
 70          android:layout_marginLeft="30dp"
 71          android:text="  -  " />
 72          <!-- 设置一个按钮控制Style为small的进度显示与隐藏 -->
 73     <Button
 74          android:id="@+id/btnVisible"
 75          android:layout_width="wrap_content"
 76          android:layout_height="wrap_content"
 77          android:layout_marginLeft="30dp"
 78          android:text="VisibleSmall" />
 79          
 80      </LinearLayout>
 81      
 82       <SeekBar       
 83          android:layout_marginTop="30dp"
 84          android:id="@+id/seekbar"
 85          android:layout_width="match_parent"
 86          android:layout_height="wrap_content"
 87          android:max="100"
 88          android:progress="30" />
 89       
 90          <!-- 设置一个拖动条 -->
 91        <TextView
 92            android:id="@+id/textview1"
 93          android:layout_width="wrap_content" 
 94          android:layout_height="wrap_content" 
 95          android:gravity="center_horizontal"/>
 96       
 97     <TextView
 98            android:id="@+id/textview2"
 99          android:layout_width="wrap_content" 
100          android:layout_height="wrap_content" 
101          android:gravity="center_horizontal"/>
102      
103     
104  </LinearLayout>