原文： http://zetcode.com/gui/javagnome/widgetsII/

在 Java Gnome 编程教程的这一部分中，我们继续介绍小部件。

Entry

Entry是单行文本输入字段。 该小部件用于输入文本数据。

entry.java

  1. package com.zetcode;
  3. import org.gnome.gdk.Event;
  4. import org.gnome.gtk.Editable;
  5. import org.gnome.gtk.Entry;
  6. import org.gnome.gtk.Fixed;
  7. import org.gnome.gtk.Gtk;
  8. import org.gnome.gtk.Label;
  9. import org.gnome.gtk.Widget;
  10. import org.gnome.gtk.Window;
  11. import org.gnome.gtk.WindowPosition;
  13. /**
  14.  * ZetCode Java Gnome tutorial
  15.  *
  16.  * This program shows how to use
  17.  * an Entry widget.
  18.  *
  19.  * @author jan bodnar
  20.  * website zetcode.com
  21.  * last modified March 2009
  22.  */
  24. public class GEntry extends Window {
  26.     private Label label;
  27.     private Entry entry;
  29.     public GEntry() {
  31.         setTitle("Entry");
  33.         initUI();
  35.         connect(new Window.DeleteEvent() {
  36.             public boolean onDeleteEvent(Widget source, Event event) {
  37.                 Gtk.mainQuit();
  38.                 return false;
  39.             }
  40.         });
  42.         setDefaultSize(250, 200);
  43.         setPosition(WindowPosition.CENTER);
  44.         showAll();
  45.     }
  47.     public void initUI() {
  49.         label = new Label("...");
  51.         entry = new Entry();
  53.         entry.connect(new Entry.Changed() {
  54.             public void onChanged(Editable editable) {
  55.                 label.setLabel(entry.getText());
  56.             }
  57.         });
  59.         Fixed fix = new Fixed();
  60.         fix.put(entry, 60, 100);
  61.         fix.put(label, 60, 40);
  63.         add(fix);
  65.     }
  67.     public static void main(String[] args) {
  68.         Gtk.init(args);
  69.         new GEntry();
  70.         Gtk.main();
  71.     }  
  72. }

此示例显示了条目小部件和标签。 我们输入的文本将立即显示在标签控件中。

  1. entry = new Entry();

Entry小部件已创建。

  1. entry.connect(new Entry.Changed() {
  2.   public void onChanged(Editable editable) {
  3.       label.setLabel(entry.getText());
  4.   }
  5. });

如果Entry小部件中的文本被更改，我们将调用onChanged()方法。 在这种方法中，我们从Entry小部件中获取文本并将其设置为标签。

Java Gnome 中的小部件 II - 图1

图：Entry小部件

HScale

Scale是一个小部件，可让用户通过在有限间隔内滑动旋钮以图形方式选择一个值。 我们的示例将显示音量控制。

hscale.java

  1. package com.zetcode;
  3. import java.io.FileNotFoundException;
  5. import org.gnome.gdk.Event;
  6. import org.gnome.gdk.Pixbuf;
  7. import org.gnome.gtk.Fixed;
  8. import org.gnome.gtk.Gtk;
  9. import org.gnome.gtk.HScale;
  10. import org.gnome.gtk.Image;
  11. import org.gnome.gtk.Range;
  12. import org.gnome.gtk.Widget;
  13. import org.gnome.gtk.Window;
  14. import org.gnome.gtk.WindowPosition;
  16. /**
  17.  * Java Gnome tutorial
  18.  *
  19.  * This program shows how to use 
  20.  * the HScale widget. It implements a 
  21.  * volume control.
  22.  *
  23.  * @author jan bodnar
  24.  * website zetcode.com
  25.  * last modified March 2009
  26.  */
  28. public class GHScale extends Window {
  30.     private HScale hscale;
  31.     private Image image;
  33.     private Pixbuf mute;
  34.     private Pixbuf min;
  35.     private Pixbuf med;
  36.     private Pixbuf max;
  38.     public GHScale() {
  40.         setTitle("HScale");
  42.         initUI();
  44.         connect(new Window.DeleteEvent() {
  45.             public boolean onDeleteEvent(Widget source, Event event) {
  46.                 Gtk.mainQuit();
  47.                 return false;
  48.             }
  49.         });
  51.         setDefaultSize(260, 120);
  52.         setPosition(WindowPosition.CENTER);
  53.         showAll();
  54.     }
  56.     public void initUI() {
  58.         loadImages();
  60.         hscale = new HScale(0, 99, 1);
  61.         hscale.setSizeRequest(130, 45);
  62.         hscale.setCanFocus(false);
  64.         image = new Image("mute.png");
  66.         hscale.connect(new HScale.ValueChanged() {
  68.             public void onValueChanged(Range range) {
  69.                 int pos = (int) hscale.getValue();
  71.                 if (pos == 0) {
  72.                     image.setImage(mute);
  73.                 } else if (pos > 0 && pos <= 30) {
  74.                     image.setImage(min);
  75.                 } else if (pos > 30 && pos < 80) {
  76.                     image.setImage(med);
  77.                 } else {
  78.                     image.setImage(max);
  79.                 }
  80.             }
  81.         });
  83.         Fixed fixed = new Fixed();
  85.         fixed.put(hscale, 40, 20);
  86.         fixed.put(image, 220, 40);
  88.         add(fixed);
  89.     }
  91.     private void loadImages() {
  92.         try {
  93.             mute = new Pixbuf("mute.png");
  94.             min = new Pixbuf("min.png");
  95.             med = new Pixbuf("med.png");
  96.             max = new Pixbuf("max.png");
  97.         } catch (FileNotFoundException e) {
  98.             e.printStackTrace();
  99.         }
  100.     }
  102.     public static void main(String[] args) {      
  103.         Gtk.init(args);
  104.         new GHScale();
  105.         Gtk.main();
  106.     }
  107. }

在上面的示例中，我们有HScale和Image小部件。 通过拖动比例尺，我们可以在Image小部件上更改图像。

  1. hscale = new HScale(0, 99, 1);

HScale小部件已创建。 参数是下边界，上边界和阶跃。

  1. int pos = (int) hscale.getValue();

在onValueChanged()方法中，我们获得了比例小部件的值。

  1. if (pos == 0) {
  2.     image.setImage(mute);
  3. } else if (pos > 0 && pos <= 30) {
  4.     image.setImage(min);
  5. } else if (pos > 30 && pos < 80) {
  6.     image.setImage(med);
  7. } else {
  8.     image.setImage(max);
  9. }

根据获得的值，我们在图像小部件中更改图片。

Java Gnome 中的小部件 II - 图2

图：HScale小部件

ToggleButton

ToggleButton是具有两种状态的按钮。 已按下但未按下。 通过单击可以在这两种状态之间切换。 在某些情况下此功能非常合适。

togglebuttons.java

  1. package com.zetcode;
  3. import org.gnome.gdk.Color;
  4. import org.gnome.gdk.Event;
  5. import org.gnome.gtk.DrawingArea;
  6. import org.gnome.gtk.Fixed;
  7. import org.gnome.gtk.Gtk;
  8. import org.gnome.gtk.StateType;
  9. import org.gnome.gtk.ToggleButton;
  10. import org.gnome.gtk.Widget;
  11. import org.gnome.gtk.Window;
  12. import org.gnome.gtk.WindowPosition;
  14. /**
  15.  * ZetCode Java Gnome tutorial
  16.  *
  17.  * This program demonstrates the ToggleButton
  18.  * widget. Three toggle buttons control the
  19.  * color of a drawing area. 
  20.  *
  21.  * @author jan bodnar
  22.  * website zetcode.com
  23.  * last modified March 2009
  24.  */
  26. public class GToggleButton extends Window 
  27.              implements ToggleButton.Toggled {
  29.     private ToggleButton tb1;
  30.     private ToggleButton tb2;
  31.     private ToggleButton tb3;
  33.     private DrawingArea darea;
  34.     private Color color;
  36.     public GToggleButton() {
  38.         setTitle("ToggleButton");
  40.         initUI();
  42.         setPosition(WindowPosition.CENTER);
  44.         setSizeRequest(350, 220);
  45.         showAll();
  46.     }
  48.     public void initUI() {
  50.         color = new Color(0, 0, 0);
  52.         connect(new Window.DeleteEvent() {
  53.             public boolean onDeleteEvent(Widget source, Event event) {
  54.                 Gtk.mainQuit();
  55.                 return false;
  56.             }
  57.         });
  59.         Fixed fixed = new Fixed();
  61.         tb1 = new ToggleButton("Red");
  62.         tb1.setSizeRequest(80, 35);
  63.         tb1.connect(this);
  65.         tb2 = new ToggleButton("Green");
  66.         tb2.setSizeRequest(80, 35);
  67.         tb2.connect(this);
  69.         tb3 = new ToggleButton("Blue");
  70.         tb3.setSizeRequest(80, 35);
  71.         tb3.connect(this);
  73.         darea = new DrawingArea();
  74.         darea.modifyBackground(StateType.NORMAL, Color.BLACK);
  75.         darea.setSizeRequest(150, 150);
  77.         fixed.put(tb1, 20, 20);
  78.         fixed.put(tb2, 20, 65);
  79.         fixed.put(tb3, 20, 110);
  81.         fixed.put(darea, 150, 20);
  83.         add(fixed);
  84.     }
  86.     public void onToggled(ToggleButton toggleButton) {
  88.         int red = color.getRed();
  89.         int green = color.getGreen();
  90.         int blue = color.getBlue();
  92.         if ("Red".equals(toggleButton.getLabel())) {
  93.             if (toggleButton.getActive()) {
  94.                 red = 65535;
  95.             } else {
  96.                 red = 0;
  97.             }
  98.         }
  100.         if ("Green".equals(toggleButton.getLabel())) {
  101.             if (toggleButton.getActive()) {
  102.                 green = 65535;
  103.             } else {
  104.                 green = 0;
  105.             }
  106.         }
  108.         if ("Blue".equals(toggleButton.getLabel())) {
  109.             if (toggleButton.getActive()) {
  110.                 blue = 65535;
  111.             } else {
  112.                 blue = 0;
  113.             }
  114.         }
  116.         color = new Color(red, green, blue);
  117.         darea.modifyBackground(StateType.NORMAL, color);
  118.     }
  120.     public static void main(String[] args) {
  122.         Gtk.init(args);
  123.         new GToggleButton();
  124.         Gtk.main();
  125.     }
  126. }

在我们的示例中，我们显示了三个切换按钮和一个DrawingArea。 我们将区域的背景色设置为黑色。 切换按钮将切换颜色值的红色，绿色和蓝色部分。 背景颜色取决于我们按下的切换按钮。

  1. color = new Color(0, 0, 0);

这是将使用切换按钮更新的颜色值。

  1. tb1 = new ToggleButton("Red");
  2. tb1.setSizeRequest(80, 35);
  3. tb1.connect(this);

ToggleButton小部件已创建。 我们将其大小设置为80x35像素。 它连接到onToggled()方法。

  1. darea = new DrawingArea();
  2. darea.modifyBackground(StateType.NORMAL, Color.BLACK);
  3. darea.setSizeRequest(150, 150);

DrawingArea小部件是显示颜色的小部件，由切换按钮混合。 开始时，它显示为黑色。

  1. if ("Red".equals(toggleButton.getLabel())) {
  2.     if (toggleButton.getActive()) {
  3.         red = 65535;
  4.     } else {
  5.         red = 0;
  6.     }
  7. }

我们根据红色切换按钮的状态更新颜色的红色部分。

  1. color = new Color(red, green, blue);
  2. darea.modifyBackground(StateType.NORMAL, color);

颜色值将更新并设置为DrawingArea小部件。

Java Gnome 中的小部件 II - 图3

图：ToggleButton widget

Calendar

我们最终的窗口小部件是Calendar小部件。 它用于处理日期。

calendar.java

  1. package com.zetcode;
  3. import org.gnome.gdk.Event;
  4. import org.gnome.gtk.Calendar;
  5. import org.gnome.gtk.Gtk;
  6. import org.gnome.gtk.Label;
  7. import org.gnome.gtk.VBox;
  8. import org.gnome.gtk.Widget;
  9. import org.gnome.gtk.Window;
  10. import org.gnome.gtk.WindowPosition;
  12. /**
  13.  * ZetCode Java Gnome tutorial 
  14.  *
  15.  * This program demonstrates the Calendar 
  16.  * widget. We show a selected date in a 
  17.  * label widget. 
  18.  *
  19.  * @author jan bodnar
  20.  * website zetcode.com
  21.  * last modified March 2009
  22.  */
  24. public class GCalendar extends Window {
  26.     private Calendar calendar;
  27.     private Label label;
  29.     public GCalendar() {
  31.         setTitle("Calendar");
  33.         initUI();
  35.         connect(new Window.DeleteEvent() {
  36.             public boolean onDeleteEvent(Widget source, Event event) {
  37.                 Gtk.mainQuit();
  38.                 return false;
  39.             }
  40.         });
  42.         setDefaultSize(260, 120);
  43.         setPosition(WindowPosition.CENTER);
  44.         showAll();    
  45.     }
  47.     private void initUI() {
  49.         VBox vbox = new VBox(false, 1);
  51.         calendar = new Calendar();
  52.         label = new Label(getDate());
  54.         calendar.connect(new Calendar.DaySelected() {
  56.             public void onDaySelected(Calendar calendar) {
  57.                 label.setLabel(getDate());
  58.             }
  59.         });
  61.         vbox.add(calendar);
  63.         label.setSizeRequest(-1, 50);
  64.         vbox.add(label);
  66.         add(vbox);
  67.     }
  69.     private String getDate() {
  70.         int year = calendar.getDateYear();
  71.         int month = calendar.getDateMonth();
  72.         int day = calendar.getDateDay();
  73.         String dateLabel = month + "/" + day + "/" + year; 
  75.         return dateLabel;
  76.     }
  78.     public static void main(String[] args) {
  79.         Gtk.init(args);
  80.         new GCalendar();
  81.         Gtk.main();        
  82.     }
  83. }

我们有Calendar小部件和Label。 从日历中选择的日期显示在标签中。

  1. calendar = new Calendar();

Calendar小部件已创建。

  1. public void onDaySelected(Calendar calendar) {
  2.     label.setLabel(getDate());
  3. };

在onDaySelected()方法中，我们将标签更新为当前选择的日期。

Java Gnome 中的小部件 II - 图4

图：日历

在本章中，我们结束了 Java Gnome 中的小部件的讨论。