快捷導(dǎo)航

Android開發(fā)之拖動(dòng)條和評(píng)分組件用法分析

更新時(shí)間：2017年07月18日 09:58:19 作者：青蛙小王子

這篇文章主要介紹了Android開發(fā)之拖動(dòng)條和評(píng)分組件用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Android拖動(dòng)條及評(píng)分組件的布局與功能實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了Android開發(fā)之拖動(dòng)條和評(píng)分組件用法。分享給大家供大家參考，具體如下：

今天閑著沒事做就拿出了Android書接著學(xué)習(xí)，android就是組件多有時(shí)候還會(huì)弄混淆了。這次介紹的是拖動(dòng)條和評(píng)分組件，這2個(gè)組件也是超級(jí)簡(jiǎn)單的

下面就一個(gè)一個(gè)的來研究。

1. 拖動(dòng)條，就類似android手機(jī)上調(diào)節(jié)音量那個(gè)，該組件和對(duì)話框不同的是用戶可以操作。該組件的xml表現(xiàn)形式如下

<SeekBar
   android:id="@+id/seek"
   android:layout_marginLeft="20dip"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"/>

光這樣太枯燥了，這里我做了個(gè)拖動(dòng)切換圖片的小例子。這里就要介紹下拖動(dòng)條的長(zhǎng)度了這個(gè)長(zhǎng)度是可控制的像這里我有5張圖片拖動(dòng)條的size就是5.這個(gè)設(shè)置我直接寫在了程序里。實(shí)現(xiàn)很簡(jiǎn)單就是在拖動(dòng)條的基礎(chǔ)上加個(gè)ImageView，然后對(duì)拖動(dòng)條進(jìn)行拖動(dòng)的監(jiān)聽值改變了就切換ImageView就好了。下面是主要代碼。

bar=(SeekBar)this.findViewById(R.id.seek);
imageview=(ImageView)this.findViewById(R.id.img);
bar.setMax(5);
bar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
  public void onStopTrackingTouch(SeekBar seekBar) {
    // TODO Auto-generated method stub
  }
  public void onStartTrackingTouch(SeekBar seekBar) {
    // TODO Auto-generated method stub
  }
  public void onProgressChanged(SeekBar seekBar, int progress,
      boolean fromUser) {
    //切換圖片
    imageview.setImageResource(imagedata[seekBar.getProgress()]);
  }
});

效果圖如下所示，我覺得還是挺好的。

2. 下面就是評(píng)分插件了，android默認(rèn)情況下是五角星，如果有必要可以弄成別的

這里我弄了一種自定義的類型，來看下吧

（1）在drawable下面弄個(gè)xml文件內(nèi)容如下

<?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/star_empty"
 />
  <item android:id="@+android:id/secondaryProgress"
    android:drawable="@drawable/star_empty"
 />
  <item android:id="@+android:id/progress"
    android:drawable="@drawable/star_full"
 />
</layer-list>

star_empty是灰色的五角星，star_full是黃色的五角星。上面的配置文件理解起來也很簡(jiǎn)單，下面就把這個(gè)樣式嵌入到評(píng)分組件上，首先還是寫個(gè)樣式文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <style
  name="ratingbarstyle"
  parent="@android:style/Widget.RatingBar">
  <item name="android:progressDrawable">
    @drawable/starconfig
  </item>
  <item name="android:minHeight">53dip</item>
   <item name="android:maxHeight">53dip</item>
 </style>
</resources>

順便說明下starconfig就是上面那個(gè)配置文件，下面就是標(biāo)簽了，該組件的常用屬性是步長(zhǎng)、星星的個(gè)數(shù)就像下面這樣

<RatingBar
    android:id="@+id/rating"
    android:numStars="5"
    android:stepSize="1"
    style="@style/ratingbarstyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

后面也自然是事件處理了

rbar.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {
  public void onRatingChanged(RatingBar ratingBar, float rating,
      boolean fromUser) {
    int num=(int)rating;
    String result=null;
    switch (num) {
    case 1:
      result="非常不滿意";
      break;
    case 2:
      result="不滿意";
      break;
    case 3:
      result="還可以";
      break;
    case 4:
      result="滿意";
      break;
    case 5:
      result="非常滿意";
      break;
    default:
      break;
    }
    Toast.makeText(MyDailogActivity.this, result, 1).show();
  }
});

來看下效果吧