[[355456]]

 【一、項(xiàng)目背景】

隨著互聯(lián)網(wǎng)時(shí)代的快速發(fā)展，便捷人民的生活，提高生活質(zhì)量，外賣系統(tǒng)應(yīng)運(yùn)而生。

人們也喜歡享受著“足不出戶，美食到家”的待遇，促使網(wǎng)上訂餐行業(yè)快速發(fā)展。

【二、項(xiàng)目目標(biāo)】

1. 設(shè)計(jì)一款應(yīng)用程序-外賣系統(tǒng)，有文字和圖片顯示，通過(guò)選擇一種或多種食物，每種食物可以選擇一份或多份，點(diǎn)擊結(jié)算后，進(jìn)行總價(jià)的統(tǒng)計(jì)。

2. 實(shí)現(xiàn)標(biāo)題文字滾動(dòng)和顏色定時(shí)變化。

3. 實(shí)現(xiàn)消費(fèi)多少錢免配送費(fèi)以及消費(fèi)多少錢滿減。

【三、項(xiàng)目實(shí)施】

使用eclipse軟件開發(fā)，先上效果圖，如下圖所示。

可以看到在界面上有文字和圖片顯示，通過(guò)選擇一種或多種食物，每種食物可以選擇一份或多份，結(jié)算功能，標(biāo)題文字滾動(dòng)加顏色變化的功能。

接下來(lái)，小編帶大家進(jìn)行具體的實(shí)現(xiàn)，具體的實(shí)現(xiàn)步驟如下。

【四、實(shí)現(xiàn)步驟】

一、首先實(shí)現(xiàn)外賣系統(tǒng)購(gòu)物車的窗口

public static void main(String[] args) { 
    // TODO Auto-generated method stub 
        Takeout t = new Takeout(); 
        t.setTitle("饒洋外賣"); 
        t.setSize(720,550); 
        t.setVisible(true); 
} 

使用new關(guān)鍵字創(chuàng)建Takeout類;

setTitle表示設(shè)置界面的標(biāo)題;

setSize(寬,高)表示窗體大小;

setVisible(true或false)表示窗體是否可見;

二、添加文字實(shí)現(xiàn)

1. 使用到組件有JPanel、JLabel;

2. 添加Takeout類的成員變量;

public class Takeout extends JFrame { 
  //成員變量 
      private JPanel panel01 = new JPanel(); 
private JLabel label01 = new JLabel("歡迎來(lái)到饒洋外賣系統(tǒng)！"); 

3. 添加文字說(shuō)明;

Takeout類構(gòu)造函數(shù)：

Takeout(){ 
      label01.setFont(new Font("黑體",Font.PLAIN,30)); 
      label01.setForeground(Color.BLUE); 
       panel01.add(label01); 
      panel01.setOpaque(false);//設(shè)置透明 
      this.setLayout(new BorderLayout()); 
      this.add(panel01,BorderLayout.NORTH); 
      this.getContentPane().setBackground(c); 

4. 文字(label01)設(shè)置顯示效果

1) setFont(newFont(String 字體，int 風(fēng)格，int 字號(hào)));

• 字體：TimesRoman, Courier, Arial等;
• 風(fēng)格：三個(gè)常量 lFont.PLAIN, Font.BOLD, Font.ITALIC;
• 字號(hào)：字的大小(磅數(shù));

2) setForegound設(shè)置前景色;

3) setOpaque設(shè)置控件透明(ture或false);

4) 布局管理器之BorderLayout(邊界布局);

邊界布局管理器把容器的的布局分為五個(gè)位置：CENTER、EAST、WEST、NORTH、SOUTH。依次相應(yīng)為：上北(NORTH)、下南(SOUTH)、左西(WEST)、右東(EAST)，中(CENTER)。

5. 邊界布局特征

1) 能夠把組件放在這五個(gè)位置的隨意一個(gè)，假設(shè)未指定位置，則缺省的位置是CENTER。

2) 南、北位置控件各占領(lǐng)一行，控件寬度將自己主動(dòng)布滿整行。東、西和中間位置占領(lǐng)一行;若東、西、南、北位置無(wú)控件，則中間控件將自己主動(dòng)布滿整個(gè)屏幕。若東、西、南、北位置中不管哪個(gè)位置沒有控件，則中間位置控件將自己主動(dòng)占領(lǐng)沒有控件的位置。

3) 它是窗體、框架的內(nèi)容窗格和對(duì)話框等的缺省布局。

6. getContentPane.setBackground(c)初始化一個(gè)容器，設(shè)置背景RGB顏色需要在成員變量定義

private Color c = new Color(197,228,251); 

三、添加食物文字、數(shù)量(按鈕)和圖片

需要添加JPanel、 JCheckBox、 JButton 、JLabel等。

1. 添加Takeout類的成員變量

private JPanel panel02 = new JPanel(); 
   private JCheckBox check[] = new JCheckBox[9];//文字(多選框) 
   private JButton amount[] = new JButton[9];//數(shù)量(按鈕) 
   private JLabel food[] = new JLabel[9];//食物圖片 
   private int num[]=new int[9];//數(shù)量數(shù)組 

2. 在Takeout類的構(gòu)造函數(shù)設(shè)置組件的屬性

參考代碼

Takeout(){ 
  …… 
    check[0]=new JCheckBox("  雪糕    3.0元",false); 
    check[1]=new JCheckBox("  薯?xiàng)l    6.0元",false); 
    check[2]=new JCheckBox("爆米花  8.0元",false); 
    check[3]=new JCheckBox("  熱狗  10.0元",false); 
    check[4]=new JCheckBox("漢堡包11.0元",false); 
    check[5]=new JCheckBox("巨無(wú)霸16.0元",false); 
    check[6]=new JCheckBox("  可樂    6.0元",false); 
    check[7]=new JCheckBox("  果汁    8.0元",false); 
check[8]=new JCheckBox("  啤酒    6.0元",false); 
for(int i=0;i<9;i++){ 
      amount[i]=new JButton("1份"); 
      food[i]=new JLabel(new         ImageIcon("image//food"+(i+1)+".jpg")); 
      check[i].setOpaque(false); 
      panel02.add(check[i]); 
      panel02.add(amount[i]); 
      panel02.add(food[i]); 
      num[i]=1; 
       
      amount[i].addActionListener(my); 
       
      } 
      panel02.setOpaque(false); 
    this.add(panel02,BorderLayout.CENTER); 

四、添加狀態(tài)信息：JTextArea等

1. 添加Takeout類的成員變量

private JTextArea list=new JTextArea(10,20); 
private String str=""; 

2. 在Takeout類的構(gòu)造函數(shù)設(shè)置組件的屬性

參考代碼

Takeout(){ 
  …… 
list.setText("狀態(tài)：未選餐！"); 
      list.setBackground(c); 
    panel02.add(list); 
｝ 

五、添加按鈕和總價(jià)框：JPanel、 JButton、JLabel、JTextField等

1. 添加Takeout類的成員變量

private JPanel panel03=new JPanel(); 
     private JButton btn_ok = new JButton("結(jié)算"); 
     private JButton btn_cancel = new JButton("清空"); 
     private JLabel label02 = new JLabel("總價(jià):"); 
     private JTextField text01 = new JTextField(10); 
     private double a[]=new double[9];//食物單價(jià) 
     private double total=0;//總價(jià) 

2. 在Takeout類的構(gòu)造函數(shù)設(shè)置組件的屬性

參考代碼

Takeout(){ 
  …… 
    panel03.add(btn_ok); 
    panel03.add(btn_cancel); 
    panel03.add(label02); 
    panel03.add(text01); 
    panel03.add(label03); 
    this.add(panel03,BorderLayout.SOUTH); 
    panel03.setOpaque(false); 
     
    a[0]=3.0; 
    a[1]=6.0; 
    a[2]=8.0; 
    a[3]=10.0; 
    a[4]=11.0; 
    a[5]=16.0; 
    a[6]=6.0; 
    a[7]=8.0; 
    a[8]=6.0; 

六、事件處理

定義事件處理類，實(shí)現(xiàn)事件監(jiān)聽器

1. 在成員變量添加

private MyListener my = new MyListener(); 

2. 在Takeout()內(nèi)添加

btn_ok.addActionListener(my); 
 btn_cancel.addActionListener(my); 

3. 添加事件監(jiān)聽器MyListener(自己命名)

private class MyListener implements ActionListener{ 
 
    @Override 
    public void actionPerformed(ActionEvent e) { 
      // TODO Auto-generated method stub 
      //添加事件處理代碼 
            for(int i=0;i<9;i++){ 
              if(e.getSource()==amount[i]){ 
                if(num[i]<9) 
                  num[i]++; 
                else 
                  num[i]=0; 
                amount[i].setText(num[i]+"份"); 
              } 
            } 
            if(e.getSource()==btn_ok){ 
              total=0; 
              str=""; 
              for(int i=0;i<9;i++){ 
                if(check[i].isSelected()==true){ 
                  total=total+a[i]*num[i]; 
                  str=str+check[i].getText()+"    "+amount[i].getText()+"\n"; 
                } 
              }               
              text01.setText(""+total); 
              list.setText("狀態(tài):已選餐：\n"+str+"\n"); 
            } 

以上e.getSource()==btn_cancel代碼完成清空功能。

【五、思考題1】

現(xiàn)在外賣系統(tǒng)商家因業(yè)務(wù)需求，每一訂單需要配送費(fèi)5元，在活動(dòng)期間，購(gòu)滿30元免配送費(fèi)，滿100元立減10元，程序應(yīng)如何修改?

1. 在成員變量添加以下代碼。

private final int FEE=5;//配送費(fèi) 
private JLabel label03 = new JLabel("滿３0免費(fèi)配送,滿100立減10"); 

2. 在Takeout()類構(gòu)造函數(shù)中if(e.getSource()==btn_ok)添加以下的代碼。

if(total<３0){ 
                label03.setText("還差"+(３0-total)+"就免費(fèi)配送,還差"+(100-total)+"就滿100減10"); 
                total=total+FEE; 
                str=str+"配送費(fèi)   5元"; 
              }else if(total<100){//免費(fèi)配送,不參與滿100-10 
                label03.setText("免費(fèi)配送,還差"+(100-total)+"就滿100減10"); 
              }else{ 
                label03.setText("免費(fèi)配送,已參與滿100減10,"+(total)+"-10"); 
                total=total-FEE-FEE; 
              } 

【六、思考題2】

實(shí)現(xiàn)“歡迎來(lái)到饒洋外賣系統(tǒng)!”文字滾動(dòng)和顏色定時(shí)變化。程序應(yīng)如何修改?

1. 在成員變量添加以下代碼。

private Color color[]=new Color[]{Color.BLACK,Color.RED, 
         Color.BLUE,Color.LIGHT_GRAY, 
             Color.YELLOW,Color.GREEN, 
             Color.MAGENTA    
     }; 
     private Timer timer;//定時(shí)器 
     private int colorIndex=0;//當(dāng)前顏色的序號(hào) 

2. 在Takeout()類構(gòu)造函數(shù)中if(e.getSource()==btn_ok)添加以下的代碼。

Takeout(){ 
．．．．． 
添加timer=new Timer(500,new TimerListener()); 
    //定時(shí)的時(shí)間間隔(單位ms),定時(shí)器監(jiān)聽器(要做的事情） 
    timer.start();//啟動(dòng)定時(shí)器 
｝ 

3. 實(shí)現(xiàn)這個(gè)TimerListener()函數(shù)。

class TimerListener implements ActionListener{//定時(shí)器監(jiān)聽器 
 
  @Override 
  public void actionPerformed(ActionEvent e) { 
    // TODO Auto-generated method stub 
    //定時(shí)時(shí)間到了,要做的事情: 
    colorIndex++;// 0 1 2 3 4 5 6 7%7=0  8%7=1 9%7=2 
    label01.setForeground(color[colorIndex/4 % color.length]); 
     
      String temp=label01.getText(); 
      label01.setText( temp.substring(1,temp.length())+temp.substring(0,1)); 
      //substring(i,j)截取字符串從序號(hào)i(包含)到序號(hào)j(不包含) i ~ j-1 
  }     
} 

以上代碼可以實(shí)現(xiàn)文字的滾動(dòng)和顏色變化。

這個(gè)項(xiàng)目主要是用Java Swing圖形界面開發(fā)，Swing包括圖形用戶界面器件，還有Java中為我們提供了Timer來(lái)實(shí)現(xiàn)定時(shí)任務(wù)，最主要涉及到了兩個(gè)類：Timer和TimerTask。

【七、總結(jié)】

1. 主要介紹了JPanel、 JCheckBox、 JLabel、 JButton、 JTextField等組件的基本使用，背景顏色的添加，圖片圖標(biāo)的設(shè)置，以及相應(yīng)的事件處理。

2.事件處理函數(shù)的添加，難點(diǎn)是運(yùn)用理解構(gòu)造函數(shù)、內(nèi)部類的創(chuàng)建。

本文轉(zhuǎn)載自微信公眾號(hào)「IT共享之家」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系IT共享之家公眾號(hào)。