首先，我们需要回顾一些内容（2017-01-04 14:32:14）：

1.Swing组件

Swing的组件（component，或者称之为元件），是较widget更为正确的术语，它们就是会放在GUI（Graphical User Interface）上面的东西，这些内容就是一些用户会看到并且与其交互的，如Text Field、Button、scrollable、list、radio button等，这些组件均是继承自java.swing.JComponent;

在Swing中，几乎所有的组件都是安置到其他组件当中。

2.创建GUI的四个步骤：

创建window（JFrame）

JFrame frame=new JFrame（）；

创建组件

JButton button=new JButton（“click me”）；

将组件添加到frame上

frame.getContentPane.add(BorderLayout.EAST,button);

显示出来

frame.setSize(300,300);

frame.setVisible(true);

3.布局管理器（layout Managers）

首先，布局管理器是与特定组件相关联的java对象，他大多数是背景组件。

其次，布局管理器是用来控制所关联组件上携带的其他组件，换言之，如果某个框架带有面板，面板上有按钮的情况下，则面板布局管理器就是控制按钮的大小与位置，而框架的布局管理器是控制着面板的大小与位置。

将对应的按键添加到对应的面板上，可以如下实现：

JPanel jpanel=new JPanel（）；

JButton button=new JButton（“click me”）；

jpanel.add(button);

4.三大首席管理器：

border
flow
box

1）BorderLayout：该管理器会将组建分割成5个区域，每个区域只能放置一个组件，由此管理员安置的组件不会取得默认的大小。这个也是框架默认得布局管理器；

2）FlowLayout：该管理器的行为与文书处理程序的版面配置方式差不多。这个组件会依照理想的大小呈现，并且胡依照从左到右，依次加入的顺序（中间可能会换行）排列，因此如果组建放不下一行的时候会自动换行。这个是面板默认得布局管理器。

3）BoxLayout：它就像FlowLayout一样让每个组件按照默认得大小，依次按照加入的顺序进行排列，它是以垂直的方式排列（也可以水平，但是通常我们只关心垂直的方式）。与FlowLayout不同的是，它是需要插入某种换行的机制来强制组件从新的一列进行排列。

接下来我们看一下干货：

 import java.awt.BorderLayout;

 import java.awt.GridLayout;

 import java.awt.Label;

 import java.awt.event.ActionEvent;

 import java.awt.event.ActionListener;

 import java.util.ArrayList;

 import javax.sound.midi.*;

 import javax.swing.*;

 public class BeatBox {

     JPanel mainJPanel;

     ArrayList<JCheckBox> checkboxslist;

     Sequencer sequencer;

     Sequence sequence;

     Track track;

     JFrame theFrame;

     String[]instrumentNames={

             "Bass Drum","closed Hi-Hat","open Hi-Hat","Acoustic Snare",

             "Crash Cymbal","Hand Clap","High Tome","Hi Bongo","Maracas",

             "Whistal","Low Conga","Cowbell","Vibraslap","Low_mid Tom",

             "High Agogo","open High Coga"

     };//乐器的名称，用String的array维护

     int []instrument={35,42,46,38,49,39,50,60,70,72,64,56,58,47,67,63};//实际乐器的关键字，比如说35是Bass Drum，42是closed Hi-Hat

     public static void main(String[] args) {

         // TODO Auto-generated method stub

        new BeatBox().buildGUI();

     }

     public void buildGUI(){

         theFrame = new JFrame("Cyber BeatBox");

         theFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//窗口关闭时关闭程序

         BorderLayout layout = new BorderLayout();//定义了一个BorderLayout面板对象

         JPanel background=new JPanel(layout);//将面板对象实例化JPanel对象

         background.setBorder(BorderFactory.createEmptyBorder(10, 10, 10, 10));//用于设置边缘空白大小

         checkboxslist=new ArrayList<JCheckBox>();

         Box buttonBox = new Box(BoxLayout.Y_AXIS);        

         JButton start = new JButton("start");

         start.addActionListener(new MyStartlistener());

         buttonBox.add(start);

         JButton stop = new JButton("stop");

         start.addActionListener(new MyStoplistener());

         buttonBox.add(stop);

         JButton upTempo = new JButton("Tempo up");

         start.addActionListener(new MyupTempolistener());

         buttonBox.add(upTempo);

         JButton downTempo = new JButton("Tempo down");

         start.addActionListener(new MydownTempolistener());

         buttonBox.add(downTempo);

         Box nameBox=new Box(BoxLayout.Y_AXIS);

         for(int i=0;i<16;i++){

             nameBox.add(new Label(instrumentNames[i]));

         }

         background.add(BorderLayout.EAST,buttonBox);

         background.add(BorderLayout.WEST,nameBox);

         theFrame.getContentPane().add(background);

         GridLayout gridLayout=new GridLayout(16,16);//创建具有指定行数和列数的网格布局。 布局中的所有组件都具有相等的大小。

                                            //行和列中的一个（但不是两者）可以为零，这意味着任何数量的对象都可以放置在一行或一列中。

         gridLayout.setVgap(1);//将组件之间的垂直间距设置为指定的值。

         gridLayout.setHgap(2);//将组件之间的水平间距设置为指定的值。

         mainJPanel=new JPanel(gridLayout);

         background.add(BorderLayout.CENTER,mainJPanel);

         for(int i=0;i<256;i++){

             JCheckBox checkBox=new JCheckBox();

             checkBox.setSelected(false);

             checkboxslist.add(checkBox);

             mainJPanel.add(checkBox);

         }//结束循环

         //创建checkBox组，并将其设定成未勾选的false，并添加到arraylist以及面板上

         setUpMidi();

         theFrame.setBounds(50, 50, 300, 300);

         theFrame.pack();//pack()函数：使此窗口的大小适合其子组件的首选大小和布局。 如果任一维度小于由上次调用setMinimumSize方法指定的最小大小，则会自动放大窗口的最终宽度和高度。

                           //如果窗口和/或其所有者不可显示，则在计算优选大小之前使它们两者都可显示。 窗口在计算其大小后生效。

         theFrame.setVisible(true);

     }//关闭buildGUI()方法

     public void setUpMidi(){

         try{

             sequencer= MidiSystem.getSequencer();//此方法等效于调用getSequencer（true） 创建sequencer

             sequencer.open();

             //创建并打开队列

             sequence=new Sequence(Sequence.PPQ, 4);

             track=sequence.createTrack();

             //创建队列并track

             sequencer.setTempoInBPM(120);

         }catch(Exception e){

             e.printStackTrace();

         }

     }//关闭 setUpMidi()方法

     public void buildTrackAndStart(){

         int []trackList=null;//创建出16个元素的数组来存储一项乐器值，如果有该演奏，其值就将会是关键字值，否则将值为零

         sequence.deleteTrack(track);

         track=sequence.createTrack();//清除旧的track，做一个新的

         for (int i = 0; i < 16; i++) {//每个乐器执行一次

             trackList=new int[16];

             int key=instrument[i];//设代表乐器的关键字

             for(int j = 0;j<16;j++){//每一拍执行一次

                 JCheckBox jc=(JCheckBox)checkboxslist.get(j+16*i);

                 if(jc.isSelected()){//如果勾选，那么关键字的值放到数组得该位置上，不然的话，就补零

                     trackList[j]=key;

                 }else{

                     trackList[j]=0;

                 }

             }//关闭循环

             makeTracks(trackList);

             track.add(makeEvent(176,1,127,0,16));//创建此乐器事件，并添加到track上；

         }//关闭外循环

         track.add(makeEvent(192,9,1,0,15));

         try{

             sequencer.setSequence(sequence);

             sequencer.setLoopCount(sequencer.LOOP_CONTINUOUSLY);

             sequencer.start();

             sequencer.setTempoInBPM(120);//以每分钟的拍数设置速度。 播放的实际速度是指定值和速度因子的乘积。

         }catch(Exception e){

             e.printStackTrace();

         }

     }//结束buildTrackAndStart方法

     public class MyStartlistener implements ActionListener{

         //按钮的监听者

         @Override

         public void actionPerformed(ActionEvent e) {

             // TODO Auto-generated method stub

             buildTrackAndStart();

         }

     }//内部类关闭

     public class MyStoplistener implements ActionListener{

         //按钮的监听者

         @Override

         public void actionPerformed(ActionEvent e) {

             // TODO Auto-generated method stub

             sequencer.stop();

         }

     }//内部类关闭

     public class MyupTempolistener implements ActionListener{

         //按钮的监听者

         @Override

         public void actionPerformed(ActionEvent e) {

             // TODO Auto-generated method stub

             float tempoFactor=sequencer.getTempoFactor();

             sequencer.setTempoFactor((float)(tempoFactor*1.03));//节奏因子，预设为1.0，每次调整3%

         }

     }//内部类关闭

     public class MydownTempolistener implements ActionListener{

         //按钮的监听者

         @Override

         public void actionPerformed(ActionEvent e) {

             // TODO Auto-generated method stub

             float tempoFactor=sequencer.getTempoFactor();

             sequencer.setTempoFactor((float)(tempoFactor*.97));//节奏因子，预设为1.0，每次调整3%

         }

     }//内部类关闭

     public void makeTracks(int []list){

         for (int i = 0; i < 16; i++) {

             int key=list[i];

             if (key!=0) {

                 track.add(makeEvent(144,9,key,100,i));

                 track.add(makeEvent(128,9,key,100,i+1));//创建Note on以及Note off，并添加到track上

             }

         }

     }//关闭makeTracks方法

     public MidiEvent makeEvent(int comd,int chan,int one,int two,int tick){

          MidiEvent event=null;

          try{

              ShortMessage shortMessage=new ShortMessage();//创建消息实例

              shortMessage.setMessage(comd, chan, one, two);//调用setMessage

              event=new MidiEvent(shortMessage, tick);//制作消息的MidiEvent实例

          }catch(Exception e){

              e.printStackTrace();

          }

         return event;

     }//关闭makeEvent方法，该方法是制作消息以及事件

 }

对应的界面呈现为：

问：框架为什么不能像面板那样直接加上组件呢？

答：JFrame会这么特殊是因为它是让无显示在画面上的接点。

因为Swing的组件纯粹是由Java构成的，JFrame必须要连接到底层的操作系统以便于存储显示装置。我们可以把面板想做是安置在JFrame上的100%的java层，或者把JFrame想作是支撑面板的框架，他甚至可以使用自定义的方式换掉框架的面板:

  nyframe.setContentpane（myPanel）;

巴特西

如何使用swing创建一个BeatBox

首先，我们需要回顾一些内容（2017-01-04 14:32:14）：

1.Swing组件

3.布局管理器（layout Managers）

4.三大首席管理器：

最新文章

热门文章