2. 程式人生 > >制作一個自己的 Java 編輯器

制作一個自己的 Java 編輯器

阿新 • • 發佈：2019-02-17
round .tar.gz nis panel proc 紅色 action javax 實驗樓

難度中等，適合 Java 基礎紮實，對 Java 核心 API 有所熟悉的同學學習

No1、制作GUI界面

一、實驗介紹

1.1 實驗內容

本節課程的主要內容是準備開發環境，建立項目並完成 GUI 界面的編程實現。

1.2 實驗知識點

Java Swing 編程

1.3 實驗環境

本實驗環境采用帶桌面的 Ubuntu Linux 環境，實驗中會用到的環境或軟件：

JDK1.7

Eclipse。

1.4 適合人群

本節課程難度較低，屬於初級課程，適合要想學習Java Swing 編程的同學學習。

1.5 代碼獲取

你可以在Xfce終端下通過下面命令將實驗的完整工程項目下載到實驗樓環境中，作為參照對比進行學習。

$ wget http://labfile.oss.aliyuncs.com/courses/287/MyEdit.tar.gz

二、項目文件結構

三、實驗步驟

這一節我們將開發GUI界面。

3.1 新建項目

首先請雙擊打開桌面上的 Eclipse ，等待它啟動完成後，在菜單 File 中點擊 New -> Java Project選項。 此處輸入圖片的描述

在彈出的窗口裏填寫項目的名稱 MyEdit，然後點擊 Finish 按鈕。

技術分享圖片

3.2 創建包和類

項目創建完成後，我們需要按照之前的項目結構來創建各個類。本項目一共有兩個類：

FileWindow:主要方法類，用作GUI界面以及邏輯功能的實現

Main：測試類

因此我們首先需要創建一個名為 com.hijackykun.myedit 的包。

請在創建好的項目目錄 src 文件夾上右鍵點擊，然後選擇 New -> Package。

在彈出的 New Java Package 對話框中填寫包名com.shiyanlou.myedit，並點擊 Finish 按鈕。

最後，在新建好的包下新建FileWindow和Main類。

3.3 GUI 界面的實現

GUI界面的效果圖如下：

技術分享圖片

界面的設計采用卡片布局（CardLayout），白色文本域為程序輸入區，粉紅色文本域為編譯結果顯示區，淺藍色文本域為程序運行結果區。點擊上方不同的功能按鈕顯示對應的文本域。

在FileWindow類中編寫實現 GUI 的代碼，相關的代碼如下，代碼的講解將會以註釋的形式進行，請在編寫代碼的同時留意相關的註釋。

註：以下代碼均未導入相關的包

public class FileWindow extends JFrame implements ActionListener, Runnable {

/*註意：因為實現了ActionListener 和Runnable接口，所以必須要實現這兩個接口的方法。這裏我們先把這兩個方法簡單實現以下。下節課將徹底完成這兩個方法。*/

Thread compiler = null;

Thread run_prom = null;

boolean bn = true;

CardLayout mycard; //聲明布局，以後會用到

File file_saved = null;

JButton button_input_txt, //按鈕的定義

button_compiler_text,

button_compiler,

button_run_prom,

button_see_doswin;

JPanel p = new JPanel();

JTextArea input_text = new JTextArea(); // 程序輸入區

JTextArea compiler_text = new JTextArea();// 編譯錯誤顯示區

JTextArea dos_out_text = new JTextArea();// 程序的輸出信息

JTextField input_file_name_text = new JTextField();

JTextField run_file_name_text = new JTextField();

public FileWindow() {

// TODO Auto-generated constructor stub

super("Java語言編譯器");

mycard = new CardLayout();

compiler=new Thread(this);

run_prom=new Thread(this);

button_input_txt=new JButton("程序輸入區（白色）");

button_compiler_text=new JButton("編譯結果區（粉紅色）");

button_see_doswin=new JButton("程序運行結果（淺藍色）");

button_compiler=new JButton("編譯程序");

button_run_prom=new JButton("運行程序");

p.setLayout(mycard);//設置卡片布局

p.add("input",input_text);//定義卡片名稱

p.add("compiler", compiler_text);

p.add("dos",dos_out_text);

add(p,"Center");

compiler_text.setBackground(Color.pink); //設置顏色

dos_out_text.setBackground(Color.cyan);

JPanel p1=new JPanel();

p1.setLayout(new GridLayout(3, 3)); //設置表格布局

//添加組件

p1.add(button_input_txt);

p1.add(button_compiler_text);

p1.add(button_see_doswin);

p1.add(new JLabel("輸入編譯文件名（.java）："));

p1.add(input_file_name_text);

p1.add(button_compiler);

p1.add(new JLabel("輸入應用程序主類名"));

p1.add(run_file_name_text);

p1.add(button_run_prom);

add(p1,"North");

//定義事件

button_input_txt.addActionListener(this);

button_compiler.addActionListener(this);

button_compiler_text.addActionListener(this);

button_run_prom.addActionListener(this);

button_see_doswin.addActionListener(this);

}

public void actionPerformed(ActionEvent e)

{

//實現方法

}

@Override

public void run() {

//實現方法

}

}

到此，我們的 GUI 界面就算做好了！

3.4 測試類的實現

下面，我們趕緊做個測試類，測試一下我們的界面。

Main.java：

import java.awt.event.WindowAdapter;

import java.awt.event.WindowEvent;

public class Main {

public static void main(String[] args) {

// TODO Auto-generated method stub

FileWindow win=new FileWindow();

win.pack();

win.addWindowListener(new WindowAdapter() {

public void windowClosing(WindowEvent e)

{

System.exit(0);

}

});

win.setBounds(200, 180,550,360);

win.setVisible(true);

}

}

界面和測試類就完成了。

四、實驗總結

在本節實驗中，我們完成了項目的創建以及 GUI 界面，下節實驗我們將完善本節的遺留問題，實現界面組件事件響應邏輯和Java文件的編輯、編譯及運行。主要包括兩個方法：

public void actionPerformed(ActionEvent e)

public void run()

No2、實現功能

一、實驗介紹

1.1 實驗內容

在上節實驗中我們完成了編輯器的界面，可是按鈕的響應功能並未完成，在本節實驗中我們將實現界面組件事件響應邏輯和Java文件的編輯、編譯及運行。主要包括兩個方法：

public void actionPerformed(ActionEvent e)

public void run()

1.2 實驗知識點

Java Swing 編程

IO 流操作

Runtime 類

Thread 的使用

1.3 實驗環境

本實驗環境采用帶桌面的 Ubuntu Linux 環境，實驗中會用到的環境或軟件：

JDK1.7

Eclipse。

1.4 適合人群

本節課程難度較難，屬於中級課程，適合對 Java 核心 API 有較深入理解的同學學習。

1.5 代碼獲取

你可以在Xfce終端下通過下面命令將實驗的完整工程項目下載到實驗樓環境中，作為參照對比進行學習。

$ wget http://labfile.oss.aliyuncs.com/courses/287/MyEdit.tar.gz

二、項目文件結構

三、實驗步驟

3.1 actionPerformed 方法的實現

首先咱們實現 public void actionPerformed(ActionEvent e) 這個方法。代碼中的註釋進行了詳細的講解。

public void actionPerformed(ActionEvent e)

{

if(e.getSource()==button_input_txt)

{ //顯示程序輸入區

mycard.show(p,"input");

}

else if(e.getSource()==button_compiler_text)

{ //顯示編譯結果顯示區

mycard.show(p,"compiler");

}

else if(e.getSource()==button_see_doswin)

{ //顯示程序運行結果區

mycard.show(p,"dos");

}

else if(e.getSource()==button_compiler)

{ //如果是編譯按鈕，執行編譯文件的方法

if(!(compiler.isAlive()))

{

compiler=new Thread(this);

}

try {

compiler.start();

} catch (Exception e2) {

// TODO: handle exception

e2.printStackTrace();

}

mycard.show(p,"compiler");

}

else if(e.getSource()==button_run_prom)

{ //如果是運行按鈕，執行運行文件的方法

if(!(run_prom.isAlive()))

{

run_prom=new Thread(this);

}

try {

run_prom.start();

} catch (Exception e2) {

// TODO: handle exception

e2.printStackTrace();

}

mycard.show(p,"dos");

}

}

以上的代碼就是通過比較來判斷需要處理哪些事件。

3.2 run 方法的實現

然後就剩一個 run() 方法，也是最重要的一個方法。在這個方法裏會判斷是編譯還是運行：

如果當前Thread是編譯，那麽會將程序輸入區中的代碼以.java文件的形式保存到項目的當前目錄下，並通過javac命令執行剛才保存的.java文件生成.class文件，編譯後的信息會輸出到編譯結果顯示區。

如果當前Thread是運行，那麽會通過java命令執行編譯生成的.class文件，並將程序結果顯示到程序運行結果區中。

public void run() {

//TODO Auto-generated method stub

if(Thread.currentThread()==compiler)

{

compiler_text.setText(null);

String temp=input_text.getText().trim();

byte [] buffer=temp.getBytes();

int b=buffer.length;

String file_name=null;

file_name=input_file_name_text.getText().trim();

try {

file_saved=new File(file_name);

FileOutputStream writefile=null;

writefile=new FileOutputStream(file_saved);

writefile.write(buffer, 0, b);

writefile.close();

} catch (Exception e) {

// TODO: handle exception

System.out.println("ERROR");

}

try {

//獲得該進程的錯誤流，才可以知道運行結果到底是失敗了還是成功。

Runtime rt=Runtime.getRuntime();

InputStream in=rt.exec("javac "+file_name).getErrorStream(); //通過Runtime調用javac命令。註意：“javac ”這個字符串是有一個空格的！！

BufferedInputStream bufIn=new BufferedInputStream(in);

byte[] shuzu=new byte[100];

int n=0;

boolean flag=true;

//輸入錯誤信息

while((n=bufIn.read(shuzu, 0,shuzu.length))!=-1)

{

String s=null;

s=new String(shuzu,0,n);

compiler_text.append(s);

if(s!=null)

{

flag=false;

}

}

//判斷是否編譯成功

if(flag)

{

compiler_text.append("Compile Succeed!");

}

} catch (Exception e) {

// TODO: handle exception

}

}

else if(Thread.currentThread()==run_prom)

{

//運行文件，並將結果輸出到dos_out_text

dos_out_text.setText(null);

try {

Runtime rt=Runtime.getRuntime();

String path=run_file_name_text.getText().trim();

Process stream=rt.exec("java "+path);//調用java命令

InputStream in=stream.getInputStream();

BufferedInputStream bisErr=new BufferedInputStream(stream.getErrorStream());

BufferedInputStream bisIn=new BufferedInputStream(in);

byte[] buf=new byte[150];

byte[] err_buf=new byte[150];

@SuppressWarnings("unused")

int m=0;

@SuppressWarnings("unused")

int i=0;

String s=null;

String err=null;

//打印編譯信息及錯誤信息

while((m=bisIn.read(buf, 0, 150))!=-1)

{

s=new String(buf,0,150);

dos_out_text.append(s);

}

while((i=bisErr.read(err_buf))!=-1)

{

err=new String(err_buf,0,150);

dos_out_text.append(err);

}

}

catch (Exception e) {

// TODO: handle exception

}

}

}

3.3 進行簡單測試

點擊編譯按鈕會出現錯誤信息，證明距離成功不遠了。

運行按鈕錯誤：

點擊按鈕在程序輸入區（白色），寫一個簡單的測試小程序吧！代碼如下：

class a

{

public static void main(String [] args)

{

System.out.println("Hello ShiYanLou");

}

}

接著在輸入編譯文件名(.java)後面的文本框裏填入與類名相同的.java文件，如a.java，點擊編譯程序。

如果程序沒有出錯，那麽編譯結果顯示如下:

在輸入應用程序主類名後面的文本框裏填入類名，如a，點擊運行程序。

程序的運行結果將會顯示在淺藍色的文本域中。

重新編輯的時候需要點擊按鈕在程序輸入區（白色），在白色文本域進行輸入。

三、實驗總結

至此，我們終於完成了整個程序，實現了編輯Java代碼、編譯和運行Java文件的功能。本次課程涉及的知識點比較復雜，特別是 Runtime 類和 Thread 的使用，希望同學們下來能夠對這些知識點進行鞏固。

五、課後習題

同學們下來考慮如何豐富其功能，例如 “代碼高亮”、“代碼自動補全” 等等。這些功能有的比較難，不一定要實現，但要勤於思考。

具體代碼：

FileWindow.java

技術分享圖片 
package com.hijackykun.myedit;
import java.awt.CardLayout;
import java.awt.Color;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.BufferedInputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextArea;
import javax.swing.JTextField;

@SuppressWarnings("serial")
//壓制信息，不會的同學可以不理會。
public class FileWindow extends JFrame implements ActionListener,Runnable{
     /*註意：因為實現了ActionListener 和Runnable接口，所以必須要實現這兩個接口的方法。
      * 這裏我們先把這兩個方法簡單實現以下。下節課將徹底完成這兩個方法。*/
    Thread compiler = null;
    Thread run_prom = null;
    boolean bn = true;
    CardLayout mycard;  //聲明布局，以後會用到
    File file_saved = null;
    JButton button_input_txt,   //按鈕的定義
            button_compiler_text,
            button_compiler,
            button_run_prom,
            button_see_doswin;
    JPanel p = new JPanel();
    JTextArea input_text = new JTextArea(); // 程序輸入區
    JTextArea compiler_text = new JTextArea();// 編譯錯誤顯示區
    JTextArea dos_out_text = new JTextArea();// 程序的輸出信息
    JTextField input_file_name_text = new JTextField();
    JTextField run_file_name_text = new JTextField();
    public FileWindow() {
        // TODO Auto-generated constructor stub
        super("Java語言編譯器");
        mycard = new CardLayout();
        compiler=new Thread(this);
        run_prom=new Thread(this);
        button_input_txt=new JButton("程序輸入區（白色）");
        button_compiler_text=new JButton("編譯結果區（粉紅色）");
        button_see_doswin=new JButton("程序運行結果（淺藍色）");
        button_compiler=new JButton("編譯程序");
        button_run_prom=new JButton("運行程序");
        p.setLayout(mycard);//設置卡片布局
        p.add("input",input_text);//定義卡片名稱
        p.add("compiler", compiler_text);
        p.add("dos",dos_out_text);
        add(p,"Center");

        compiler_text.setBackground(Color.pink); //設置顏色
        dos_out_text.setBackground(Color.cyan);
        JPanel p1=new JPanel();

        p1.setLayout(new GridLayout(3, 3)); //設置表格布局
        //添加組件
        p1.add(button_input_txt);
        p1.add(button_compiler_text);
        p1.add(button_see_doswin);
        p1.add(new JLabel("輸入編譯文件名（.java）："));
        p1.add(input_file_name_text);
        p1.add(button_compiler);
        p1.add(new JLabel("輸入應用程序主類名"));
        p1.add(run_file_name_text);
        p1.add(button_run_prom);
        add(p1,"North");

        //定義事件
        button_input_txt.addActionListener(this);
        button_compiler.addActionListener(this);
        button_compiler_text.addActionListener(this);
        button_run_prom.addActionListener(this);
        button_see_doswin.addActionListener(this);
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        // TODO Auto-generated method stub
         if(e.getSource()==button_input_txt)
         {    //顯示程序輸入區
             mycard.show(p,"input");
         }
         else if(e.getSource()==button_compiler_text)
         {    //顯示編譯結果顯示區
             mycard.show(p,"compiler");
         }
         else if(e.getSource()==button_see_doswin)
         {    //顯示程序運行結果區
             mycard.show(p,"dos");
         }
         else if(e.getSource()==button_compiler)
         {    //如果是編譯按鈕，執行編譯文件的方法
             if(!(compiler.isAlive()))
             {
                 compiler=new Thread(this);
             }
             try {
                 compiler.start();

             } catch (Exception e2) {
                 // TODO: handle exception
                 e2.printStackTrace();
             }

             mycard.show(p,"compiler");

         }
         else if(e.getSource()==button_run_prom)
         {    //如果是運行按鈕，執行運行文件的方法
             if(!(run_prom.isAlive()))
             {
                 run_prom=new Thread(this);
             }
             try {
                 run_prom.start();
             } catch (Exception e2) {
                 // TODO: handle exception
                 e2.printStackTrace();
             }
             mycard.show(p,"dos");
         }

    }
    
    @Override
    public void run() {
        // TODO Auto-generated method stub
        if (Thread.currentThread() == compiler) {
            compiler_text.setText(null);
            String temp = input_text.getText().trim();
            byte[] buffer = temp.getBytes();
            int b = buffer.length;
            String file_name = null;
            file_name = input_file_name_text.getText().trim();

            try {
                file_saved = new File(file_name);
                FileOutputStream writefile = null;
                writefile = new FileOutputStream(file_saved);
                writefile.write(buffer, 0, b);
                writefile.close();
            } catch (Exception e) {
                // TODO: handle exception
                System.out.println("ERROR");
            }
            try {
                // 獲得該進程的錯誤流，才可以知道運行結果到底是失敗了還是成功。
                Runtime rt = Runtime.getRuntime();
                InputStream in = rt.exec("javac " + file_name).getErrorStream(); 
                // 通過Runtime調用javac命令。註意：“javac ”這個字符串是有一個空格的！！
                BufferedInputStream bufIn = new BufferedInputStream(in);
                byte[] shuzu = new byte[100];
                int n = 0;
                boolean flag = true;
                // 輸入錯誤信息
                while ((n = bufIn.read(shuzu, 0, shuzu.length)) != -1) {
                    String s = null;
                    s = new String(shuzu, 0, n);
                    compiler_text.append(s);
                    if (s != null) {
                        flag = false;
                    }
                }
                // 判斷是否編譯成功
                if (flag) {
                    compiler_text.append("Compile Succeed!");
                }
            } catch (Exception e) {
                // TODO: handle exception
            }
        } else if (Thread.currentThread() == run_prom) {
            // 運行文件，並將結果輸出到dos_out_text
            dos_out_text.setText(null);
            try {
                Runtime rt = Runtime.getRuntime();
                String path = run_file_name_text.getText().trim();
                Process stream = rt.exec("java " + path);// 調用java命令
                InputStream in = stream.getInputStream();
                BufferedInputStream bisErr = new BufferedInputStream(
                        stream.getErrorStream());
                BufferedInputStream bisIn = new BufferedInputStream(in);
                byte[] buf = new byte[150];
                byte[] err_buf = new byte[150];
                @SuppressWarnings("unused")
                int m = 0;
                @SuppressWarnings("unused")
                int i = 0;
                String s = null;
                String err = null;
                // 打印編譯信息及錯誤信息
                while ((m = bisIn.read(buf, 0, 150)) != -1) {
                    s = new String(buf, 0, 150);
                    dos_out_text.append(s);
                }
                while ((i = bisErr.read(err_buf)) != -1) {
                    err = new String(err_buf, 0, 150);
                    dos_out_text.append(err);
                }
            } catch (Exception e) {
                // TODO: handle exception
            }
        }
    }
}
View Code

Main.java

技術分享圖片 
package com.hijackykun.myedit;

import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class Main {

    public static void main(String[] args) {
        FileWindow win =new FileWindow();
        win.pack();//根據窗口裏面的布局及組件的preferredSize來確定frame的最佳大小
        win.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
        //setBounds(x,y,width,height); 
        //x:組件在容器X軸上的起點 y:組件在容器Y軸上的起點 width:組件的長度 height:組件的高度
        win.setBounds(200, 180, 550, 360);
        win.setVisible(true);
    }

}
View Code

參考來源：https://www.shiyanlou.com/courses/287

制作一個自己的 Java 編輯器

相關推薦

制作一個自己的 Java 編輯器

round .tar.gz nis panel proc 紅色 action javax 實驗樓 難度中等，適合 Java 基礎紮實，對 Java 核心 API 有所熟悉的同學學習 No1、制作GUI界面 一、實驗介紹 1.1 實驗內容 本節課程的主要內容是準備開發環境，建

分享一個Delphi制作的文檔編輯器源代碼（仿Word）

jpg 滾動條 功能 定義 很多 直接 用戶 代碼結構 mage 功能挺多的，就是很多地方都沒有完善。不過簡單使用，是沒有問題的。 我也忘記是在哪個網站下載的，可能是Git國外的網站。 仿Word文檔編輯器，不過其實沒有必要的，因為用戶會直接使用微軟或者其

用免費自助建站，自己也能制作一個讓別人仰望的網站

自助建站 自己做網站 網站建設 網站制作 網站制作只是網站建設中的一步，網站制作完之後還要其他的維護工作。那麽，企業是如何通過凡科進行自助建站呢？怎樣才能建一個成功的站呢？ 在網絡信息發達的今天，網上不乏各種建站教程和攻略，建站新手面對如此多樣的教程感到更迷惑了，各種方法都有各自的道理，

用QT制作一個抽獎器的總結

get add ring 判斷 應該 idg 收獲 文檔 lotto 配置XML文件 加載抽獎信息需要一個合適的配置文件，我知道的除了記事本文件就只有xml文件了。果斷選擇後者的原因很簡單，抽獎信息不是很大，而且可以定向查找和修改。 我一開始是打算完全使用QT自帶的函數接口

QT制作一個圖片播放器

相對 顯示圖片 itl 列表 獲取目錄 ima 完整 功能 state 前言：使用qt制作了一個簡單的圖片播放器，可以播放gif、png等格式圖片 先來看看播放器的功能（當然是很簡陋的，沒有很深入的設計）： 1、點擊圖片列表中圖片進行播放。 2、自動播放，

用Java制作一個簡單的圖片驗證碼

err 一個 graphic opera login new pri buffer image //Java實現簡單驗證碼功能 package project; import java.awt.Color; import java.awt.Font;import java.

自己動手制作一個本地的yum倉庫

完成後 spawn 自己 mirrors 局域網 動手 本地 gen 2.0 制作本地yum源有兩種方式，第一種是使用光盤鏡像，然後在本地進行安裝。第二種是我們自己創建一個本地yum倉庫，然後使用file的形式來向本地提供yum repo（也可以使用http的方式向外部提供

slz-用eclipse制作一個簡單的程序

.cn src 建立 步驟 cli 制作 com logs .com 步驟 1:建立一個名為slz-用eclipse制作一個簡單的程序

如何制作一個有說服力的營銷網站

網站優化 網站建設 自助建站 對於企業和商家來說，網站最大的一個作用就是可以用來宣傳展示以及是營銷產品，從而為經營帶來收益，對於這樣的網站，網絡上也開始給了它一個專業的說法——營銷型網站，正如它的字面所說，營銷型網站為的就是營銷，幫助企業商家到達盈利的目的。營銷型網站在制作上比普通展示類網站

如何在PPT中快速制作一個二維碼？

office 工具 大家在制作PPT應該都用這樣的經歷，需要制作一個二維碼能讓觀眾掃描關註網站、公眾號等等。一般做法是先制作好相關二維碼圖片，然後在PPT中插入圖片。有沒有方法在PPT中直接制作一個二維碼呢？有！下面以Office2016例子介紹一個的“高端”功能。普及一下：什麽是二維碼容錯率？

利用Bootstrap制作一個流行的網頁

設置 lock fun 技術 absolute dev ucc col dsm 首先是html承載內容： <!DOCTYPE html> <html lang="zh_CN"> <head> &l

用JS制作一個信息管理平臺

平臺 get ffffff sessions document pla spl rem efi 首先，介紹一些需要用到的基本知識。 【JSON】 JSON是數據交互中，最常用的一種數據格式。由於各種語言的語法都不相同，在傳遞數據時，可以將自己語言中的數組、對象等轉換為J

Android小例子：使用反射機制來讀取圖片制作一個圖片瀏覽器

onclick lac protected blank pri tar lec 存儲 current 效果圖： 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 工程文件夾： 　　該例子可供於新手參考練習，如果有哪裏不對的地方，望指正>-< 《

用JS制作一個信息管理平臺完整版

15位 spa 常用 復制代碼 ora local data- off parseint 前 言 JRedu 在之前的文章中，介紹了如何用JS制作一個實用的信息管理平臺。 但是那樣的平臺功能過於簡陋了，我們今天來繼續完善一下。 首先我們回顧一下之前的內容。

[js高手之路] html5 canvas教程 - 制作一個數碼倒計時效果

[0 2017年 需要 false image 之路 pla left query 效果圖： 這個實例主要註意: 1，剩余時間的計算 2，每個時間數字的繪制 時間主要有0-9和一個冒號組成，用數組來表示( 0: 就是不畫圓，1：就是畫一個藍色的圓 ) num.

制作 alipay-sdk-java包到本地倉庫

dpa 知識庫 運行 pom tail pid dart 知識 bsp 一、首先 搭建好maven 基礎環境，本地可以運行maven 命令 從支付寶官網上下載sdk https://doc.open.alipay.com/doc2/detail?treeId=54&

用three.js制作一個旋轉的正方體

() end ont 幾何體 style ctype 分別是 document camera <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

使用qt制作一個簡單的計算器

num ont else 什麽 get() endif ges 字符數 logs 前言：今天使用qt制作了一個很簡單的計算器，覺得挺有意思的，所以在這裏跟大家分享一下。 這裏先跟大家說說使用到的函數： 一、槽連接函數 connect(信號發送者，發送的信號，信號接收者，信

Vue學習筆記——制作一個todoList

delet hold del div eve charset 當前 esc 例如 列表渲染 v-for指令 根據一組數組的選項列表進行渲染 語法：value,key in items | value,key of items 變異方法 vue提供一組方法，對數組進行操作

Linux系統裁減之，制作一個極度精簡的Linux

極簡linuxLinux系統裁減之，制作一個極度精簡的Linux1.1建立一個用於安裝精簡Linux的磁盤實驗環境：操作系統：CentOS 5.11 64位 此步驟用虛擬機做，在原有的虛擬機上添加一個磁盤，為新添加的磁盤分2個分區並格式化，分別掛在到/mnt目錄下的boot目錄和sys