在命令列上輸出進度條的原理

Kurisu發表於2018-07-30

今天在 Laravel-china 看到一個帖子link ,然後自己以前就想過要做這種效果,就瞭解了下

首先先貼一份簡陋的程式碼

<?php
$count = 100;
for ($i = 1; $i <= 100; $i++) {
    usleep(50000);
    //str_repeat 函式的作用是重複這個符號多少次
    $equalStr = str_repeat("=", $i);
    $space    = str_repeat(" ", $count - $i);
    echo("\r [$equalStr>$space]($i/$count%)");
}

這份程式碼其實沒有什麼特別的,只是構造一個進度條的樣子而已,一切的關鍵在 echo 函式中開頭的 \r

我們先看一點歷史:

在計算機還沒有出現之前,有一種叫做電傳打字機(Teletype Model 33,Linux/Unix下的tty概念也來自於此)的玩意,每秒鐘可以打10個字元。但是它有一個問題,就是打完一行換行的時候,要用去0.2秒,正好可以打兩個字元。要是在這0.2秒裡面,又有新的字元傳過來,那麼這個字元將丟失。

於是,研製人員想了個辦法解決這個問題,就是在每行後面加兩個表示結束的字元。一個叫做“回車”,告訴打字機把列印頭定位在左邊界;另一個叫做“換行”,告訴打字機把紙向下移一行。這就是“換行”和“回車”的來歷,從它們的英語名字上也可以看出一二。

後來,計算機發明瞭,這兩個概念也就被般到了計算機上。那時,儲存器很貴,一些科學家認為在每行結尾加兩個字元太浪費了,加一個就可以。於是,就出現了分歧。

在Windows中:

'\r' 回車,回到當前行的行首,而不會換到下一行,如果接著輸出的話,本行以前的內容會被逐一覆蓋;

'\n' 換行,換到當前位置的下一行,而不會回到行首;

Unix系統裡,每行結尾只有“<換行>”,即"\n";Windows系統裡面,每行結尾是“<回車><換行>”,即“\r\n”;
Mac系統裡,每行結尾是“<回車>”,即"\r";。一個直接後果是,Unix/Mac系統下的檔案在Windows裡開啟的話,所有文字會變成一行;
而Windows裡的檔案在Unix/Mac下開啟的話,在每行的結尾可能會多出一個^M符號。

from : https://www.cnblogs.com/xiaotiannet/p/3510586.html

那麼看完應該就知道原理了,每次 echo 出來的時候自動回到行首覆蓋上一次的輸出,僅此而已。

myGist


補充一個補充想象力的圖片。。。
from blackode/elixir_cli_spinners

相關文章