Vaadin Web应用开发教程(25):UI组件-Slider组件

jerry VaadinWeb 2015年11月25日 收藏

Slider组件可以显示为垂直或是水平滑动条,可以使用鼠标拖动来设置其值。 其基本使用如下:

  1. // Create a vertical slider
  2. final Slider vertslider = new Slider(1, 100);
  3. vertslider.setOrientation(Slider.ORIENTATION_HORIZONTAL);
  4.  
  5.  
  6. // Shows the value of the vertical slider
  7. final Label vertvalue = new Label();
  8. vertvalue.setSizeUndefined();
  9.  
  10. // Handle changes in slider value.
  11. vertslider.addListener(new Property.ValueChangeListener() {
  12.  
  13. public void valueChange(
  14. com.vaadin.data.Property.ValueChangeEvent event) {
  15. double value = (Double) vertslider.getValue();
  16.  
  17. vertvalue.setValue(String.valueOf(value));
  18. }
  19. });
  20. // The slider has to be immediate to send the changes
  21. // immediately after the user drags the handle.
  22. vertslider.setImmediate(true);

Slider组件也属于Field组件,因此可以通过ValueChangeListener来监听Slider组件值的变化。同样可以使用setValue 来修改Slider组件的值,此时要注意Catch可能的ValueOutOfBoundsException。

  1. // Set the initial value. This has to be set after the
  2. // listener is added if we want the listener to handle
  3. // also this value change.
  4. try {
  5. vertslider.setValue(50.0);
  6. } catch (ValueOutOfBoundsException e) {
  7. }