[[355456]]

 【一、項目背景】

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

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

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

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

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

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

【三、項目實施】

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

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

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

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

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

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)表示窗體是否可見;

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

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

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

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

3. 添加文字說明;

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 字號));

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

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

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

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

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

5. 邊界布局特征

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

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

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

6. getContentPane.setBackground(c)初始化一個容器，設(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("  薯條    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("巨無霸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); 
｝ 

五、添加按鈕和總價框：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("總價:"); 
     private JTextField text01 = new JTextField(10); 
     private double a[]=new double[9];//食物單價 
     private double total=0;//總價 

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; 

六、事件處理

定義事件處理類，實現(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ù)需求，每一訂單需要配送費5元，在活動期間，購滿30元免配送費，滿100元立減10元，程序應(yīng)如何修改?

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

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

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

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

【六、思考題2】

實現(xiàn)“歡迎來到饒洋外賣系統(tǒng)!”文字滾動和顏色定時變化。程序應(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;//定時器 
     private int colorIndex=0;//當(dāng)前顏色的序號 

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

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

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

class TimerListener implements ActionListener{//定時器監(jiān)聽器 
 
  @Override 
  public void actionPerformed(ActionEvent e) { 
    // TODO Auto-generated method stub 
    //定時時間到了,要做的事情: 
    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)截取字符串從序號i(包含)到序號j(不包含) i ~ j-1 
  }     
} 

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

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

【七、總結(jié)】

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

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

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