《Monkey Android》第14课ToggleButton和RatingBar

Word count: 704 / Reading time: 4 min

 2016/04/11   Share

通过本节课可以学习到的内容：

ToggleButton的用法

RatingBar的用法

实例代码:

运行效果参见本课程示例App：安卓猴Demos

github地址：https://github.com/opengit/MonkeyAndroid

ToggleButton的用法

ToggleButton，状态开关按钮，例如ON/OFF，它允许用户在两者之间进行切换。
Switch，开关，类似于生活中的白色墙壁开关。

RatingBar的用法

RatingBar，它是SeekBar和ProgressBar的扩展，用星型来显示等级评定。

效果预览

ToggleButton和RatingBar

Activity源码

package com.sunjiajia.monkeyandroid;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.widget.CompoundButton;
import android.widget.RatingBar;
import android.widget.Switch;
import android.widget.Toast;
import android.widget.ToggleButton;

/**
 * Created by monkey on 1/2/16.
 */
public class ToggleButtonRadioBarActivity extends BaseActivity
    implements CompoundButton.OnCheckedChangeListener, RatingBar.OnRatingBarChangeListener {
  @Override public int giveViewResId() {
    return R.layout.activity_togglebutton_radiobar;
  }

  private ToggleButton mTb;
  private Switch mSwitch;
  private RatingBar mRb;

  @Override protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    mTb = (ToggleButton) findViewById(R.id.toggle_button);
    mSwitch = (Switch) findViewById(R.id.switch_button);
    mRb = (RatingBar) findViewById(R.id.rating_bar);

    mTb.setOnCheckedChangeListener(this);
    mSwitch.setOnCheckedChangeListener(this);
    mRb.setOnRatingBarChangeListener(this);
  }

  /**
   * ToggleButton和Switch的事件监听
   */
  @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
    switch (buttonView.getId()) {
      case R.id.toggle_button:
        showToast(isChecked);
        break;
      case R.id.switch_button:
        showToast(isChecked);
        break;
    }
  }

  private void showToast(boolean isChecked) {

    if (isChecked) {
      Toast.makeText(ToggleButtonRadioBarActivity.this, "开", Toast.LENGTH_SHORT).show();
    } else {
      Toast.makeText(ToggleButtonRadioBarActivity.this, "关", Toast.LENGTH_SHORT).show();
    }
  }

  /**
   * RatingBar的事件监听方法
   */
  @Override public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {
    Toast.makeText(ToggleButtonRadioBarActivity.this, "获得了#" + rating + "#星好评！", Toast.LENGTH_SHORT)
        .show();
  }
}

布局文件xml源码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

  <!--
      android:textOff="关闭"
        用来设置关闭状态时的文字显示；
      android:textOn="打开"
        用来设置打开状态时的文字显示；
      android:checked="true"
        true表示默认状态为打开，false表示默认状态为关闭。
  -->

  <ToggleButton
      android:id="@+id/toggle_button"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
      android:checked="true"
      android:text="ToggleButton"
      android:textOff="关闭"
      android:textOn="打开"
      />

  <Switch
      android:id="@+id/switch_button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
      android:text="Switch"
      />

  <!--
      android:numStars="5"
        用来设置星型的个数；
      android:rating="1.5"
        默认选定的星型个数，可为小数；
      android:stepSize="0.5"
        用来设置星型改变时的步频。

      注意：
          如果设置了android:numStars，那么android:layout_width必须设置为wrap_content
  -->

  <RatingBar
      android:id="@+id/rating_bar"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:numStars="5"
      android:rating="1.5"
      android:stepSize="0.5"
      />
</LinearLayout>