第十一讲:用户界面 View(六)

308
回复
2030409
查看
  [复制链接]

2826

主题

7684

帖子

9562

安币

管理员

Rank: 9Rank: 9Rank: 9

QQ达人最佳新人活跃会员热心会员推广达人灌水之王突出贡献

QQ
发表于 2011-4-23 13:59:49 | 显示全部楼层 |阅读模式
本讲内容:ProgressBar SeekBar RatingBar
点击下载:
十一、ProgressBar 进度条
在某项延续性工作的进展过程中为了不让用户觉得程序死掉了,需要有个活动的进度条,表示此过程正在进行中。Android中使用ProgressBar来实现这一功能:
1、简单的进度条
在xml中添加:
  1. <ProgressBar android:id=”@+id/ProgressBar01″
  2. android:layout_width=”wrap_content”
  3. android:layout_height=”wrap_content”>
  4. </ProgressBar>
复制代码

就可以看到下面,圆形的、大大的圈圈:
注意标题栏上也有一个进度条,下面是代码:
  1. package android.basic.lesson11;

  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.Window;

  5. public class MainHelloProgressBar extends Activity {
  6.     /** Called when the activity is first created. */
  7.     @Override
  8.     public void onCreate(Bundle savedInstanceState) {
  9.         super.onCreate(savedInstanceState);
  10.       //在标题条里放置进度条。请求窗口特色风格,这里设置成不明确的进度风格
  11.       requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
  12.       setContentView(R.layout.main);
  13.       //设置标题栏中的不明确的进度条是否可以显示,当你需要表示处理中的时候设置为True,处理完毕后设置为false
  14.       setProgressBarIndeterminateVisibility(true);
  15.     }
  16. }
复制代码

下面试main.xml中的代码,大家注意黑体字部分的内容,看看不同样式的不同的表现:

  1. <?xml version=”1.0″ encoding=”utf-8″?><LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”android:orientation=”vertical”android:background=”#003399″android:layout_width=”fill_parent”android:layout_height=”fill_parent”><ProgressBar android:id=”@+id/ProgressBar01″android:layout_width=”wrap_content”android:layout_height=”wrap_content”></ProgressBar><ProgressBar android:id=”@+id/ProgressBar02″style=”?android:attr/progressBarStyleLarge”           大圆圈android:layout_width=”wrap_content”android:layout_height=”wrap_content”></ProgressBar><ProgressBar android:id=”@+id/ProgressBar03″style=”?android:attr/progressBarStyleSmall”          小圆圈android:layout_width=”wrap_content”android:layout_height=”wrap_content”></ProgressBar><ProgressBar android:id=”@+id/ProgressBar03″style=”?android:attr/progressBarStyleSmallTitle”   标题条的样式android:layout_width=”wrap_content”android:layout_height=”wrap_content”></ProgressBar>
  2. </LinearLayout>
复制代码


3、长条状的进度条
xml代码:

  1. <ProgressBar android:id=”@+id/ProgressBar04″style=”?android:attr/progressBarStyleHorizontal”android:layout_marginLeft=”10dp”
  2. android:layout_marginRight=”10dp”android:max=”100″                                  最大刻度按100算android:progress=”30″                              第一进度是30android:secondaryProgress=”80″              第二进度是80android:layout_width=”fill_parent”              进度条的显示长度是铺满父窗口android:layout_height=”wrap_content”></ProgressBar><?xml version=”1.0″ encoding=”utf-8″?><LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”android:orientation=”vertical”android:background=”#003399″android:layout_width=”fill_parent”android:layout_height=”fill_parent”><ProgressBar android:id=”@+id/ProgressBar04″style=”?android:attr/progressBarStyleHorizontal”android:layout_marginTop=”10dp”android:layout_marginLeft=”10dp”android:layout_marginRight=”10dp”android:max=”100″android:progress=”30″android:secondaryProgress=”80″android:layout_width=”fill_parent”android:layout_height=”wrap_content”></ProgressBar>
  3. </LinearLayout>
复制代码


  1. package android.basic.lesson11;

  2. import android.app.Activity;

  3. import android.os.Bundle;

  4. import android.view.Window;

  5. public class MainHelloProgressBar extends Activity {

  6. /** Called when the activity is first created. */

  7. @Override

  8. public void onCreate(Bundle savedInstanceState) {

  9. super.onCreate(savedInstanceState);

  10. //设置窗口进度条特性风格

  11. requestWindowFeature(Window.FEATURE_PROGRESS);

  12. setContentView(R.layout.main);

  13. //设置进度条可见性

  14. setProgressBarVisibility(true);

  15. //设置进度条进度值,要乘以100的

  16. setProgress(60*100);

  17. setSecondaryProgress(80*100);
  18. }

  19. }
复制代码



运行效果:
< ?xml version="1.0" encoding="utf-8"?>                               
2、java:
  1. package android.basic.lesson11;

  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.widget.SeekBar;
  5. import android.widget.SeekBar.OnSeekBarChangeListener;
  6. import android.widget.TextView;
  7. import android.widget.Toast;

  8. public class MainHelloSeekBar extends Activity {
  9.         /** Called when the activity is first created. */
  10.         @Override
  11.         public void onCreate(Bundle savedInstanceState) {
  12.                 super.onCreate(savedInstanceState);
  13.                 setContentView(R.layout.main);

  14.                 //找到拖动条和文本框
  15.                 final SeekBar sb = (SeekBar) findViewById(R.id.SeekBar01);
  16.                 final TextView tv1 = (TextView) findViewById(R.id.TextView01);

  17.                 //设置拖动条的初始值和文本框的初始值
  18.                 sb.setMax(100);
  19.                 sb.setProgress(30);
  20.                 tv1.setText("当前进度:" + sb.getProgress());

  21.                 //设置拖动条改变监听器
  22.                 OnSeekBarChangeListener osbcl = new OnSeekBarChangeListener() {

  23.                         @Override
  24.                         public void onProgressChanged(SeekBar seekBar, int progress,
  25.                                         boolean fromUser) {
  26.                                 tv1.setText("当前进度:" + sb.getProgress());
  27.                                 Toast.makeText(getApplicationContext(), "onProgressChanged",
  28.                                                 Toast.LENGTH_SHORT).show();
  29.                         }

  30.                         @Override
  31.                         public void onStartTrackingTouch(SeekBar seekBar) {
  32.                                 Toast.makeText(getApplicationContext(), "onStartTrackingTouch",
  33.                                                 Toast.LENGTH_SHORT).show();
  34.                         }

  35.                         @Override
  36.                         public void onStopTrackingTouch(SeekBar seekBar) {
  37.                                 Toast.makeText(getApplicationContext(), "onStopTrackingTouch",
  38.                                                 Toast.LENGTH_SHORT).show();
  39.                         }

  40.                 };

  41.                 //为拖动条绑定监听器
  42.                 sb.setOnSeekBarChangeListener(osbcl);

  43.         }
  44. }
复制代码

3、运行程序:

  1. <?xml version=”1.0″ encoding=”utf-8″?><LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”android:orientation=”vertical”android:layout_width=”fill_parent”android:layout_height=”fill_parent”><RatingBarandroid:id=”@+id/RatingBar01″android:layout_width=”wrap_content”android:rating=”3″                                             默认分值设为3android:layout_marginTop=”20dp”android:layout_height=”wrap_content”></RatingBar>
复制代码


2、在HelloRatingBar.java的代码里我们实现了3个评分条联动的功能:
  1. package android.basic.lesson11;

  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.widget.RatingBar;
  5. import android.widget.RatingBar.OnRatingBarChangeListener;

  6. public class MainHelloRatingBar extends Activity {
  7.     /** Called when the activity is first created. */
  8.     @Override
  9.     public void onCreate(Bundle savedInstanceState) {
  10.         super.onCreate(savedInstanceState);
  11.         setContentView(R.layout.main);

  12.         //定义组件对象
  13.         final RatingBar rb1 = (RatingBar)findViewById(R.id.RatingBar01);
  14.         final RatingBar rb2 = (RatingBar)findViewById(R.id.RatingBar02);
  15.         final RatingBar rb3 = (RatingBar)findViewById(R.id.RatingBar03);

  16.         //定义评分监听器
  17.         OnRatingBarChangeListener orbcl= new OnRatingBarChangeListener(){

  18.                         @Override
  19.                         public void onRatingChanged(RatingBar ratingBar, float rating,
  20.                                         boolean fromUser) {
  21.                                                 switch(ratingBar.getId()){
  22.                                                 case R.id.RatingBar01:
  23.                                                         //把第一个评分条的值取出来设置给其他评分条
  24.                                                         rb2.setRating(rb1.getRating());
  25.                                                         rb3.setRating(rb1.getRating()*2);//十颗星所以乘以2
  26.                                                         break;
  27.                                                 case R.id.RatingBar02:
  28.                                                         rb1.setRating(rb2.getRating());
  29.                                                         rb3.setRating(rb2.getRating()*2);
  30.                                                         break;
  31.                                                 case R.id.RatingBar03:
  32.                                                         rb1.setRating(rb3.getRating()/2);
  33.                                                         rb2.setRating(rb3.getRating()/2);
  34.                                                         break;
  35.                                 }
  36.                         }
  37.         } ;

  38.         //绑定监听器
  39.         rb1.setOnRatingBarChangeListener(orbcl);
  40.         rb2.setOnRatingBarChangeListener(orbcl);
  41.         rb3.setOnRatingBarChangeListener(orbcl);
  42.     }
  43. }
复制代码

3、运行程序,点击评分条看看效果,使用左右键再试试
有兴趣的同学可以研究一下,如何更换评分条中的图片,譬如罢星星换成花朵什么的。
好,本讲就到这里。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

0

主题

205

帖子

306

安币

攻城狮

Rank: 3Rank: 3

发表于 2011-7-15 22:48:11 | 显示全部楼层
学习ing, 顶起~~

0

主题

22

帖子

38

安币

程序猿

Rank: 2

发表于 2011-7-21 23:20:26 | 显示全部楼层
感谢分享,每讲都会认真得看

0

主题

21

帖子

14

安币

初级码农

Rank: 1

发表于 2011-7-24 09:50:46 | 显示全部楼层
学习了,ProgressBar  RatingBar SeekBar

1

主题

52

帖子

26

安币

程序猿

Rank: 2

发表于 2011-8-31 12:46:14 | 显示全部楼层

感谢分享

0

主题

25

帖子

-1

安币

初级码农

Rank: 1

发表于 2011-9-10 17:57:14 | 显示全部楼层
感谢分享,每讲都会认真得看

1

主题

182

帖子

73

安币

程序猿

Rank: 2

发表于 2011-9-19 14:18:14 | 显示全部楼层
很好的文章, 谢谢分享

1

主题

21

帖子

71

安币

初级码农

Rank: 1

QQ达人

发表于 2011-10-8 09:34:29 | 显示全部楼层
谢谢分享
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

领先的中文移动开发者社区
18620764416
7*24全天服务
意见反馈:1294855032@qq.com

扫一扫关注我们

Powered by Discuz! X3.2© 2001-2019 Comsenz Inc.( 粤ICP备15117877号 )