使用Notion搭建遊戲清單『Part3 遊戲清單美化&遊戲日曆的建立』

前言

注：本期後半段數據庫自動化需要Notion Plus會員，沒有教育會員的可以用Python代碼代替，我會在下一期詳細講解。

在前兩期的教程中，我們已經完成了遊戲清單的建立和相關代碼的編寫，但在Part1中我們還空了清單的三個函數屬性（發售年份、成就進度、成就進度條形圖）沒有填寫具體內容。在有了Python代碼的編寫基礎後，再來學習Notion的函數會簡單許多，所以我決定放着此篇幅裏講解，下面對Notion函數進行簡單介紹。

Notion函數

想要深入使用Notion數據庫，函數一定是繞不開的話題。就像在Excel或Google Sheets中一樣，根據幾個單元格的值計算出一個新值，與一些編程語言相像。

Notion函數

首先我們先打開函數的編輯頁面（找到函數屬性→任意點擊同一列的單元格），來了解一下函數編輯窗口的組成。編輯窗口的最上面一欄是編輯代碼的，下方左側欄一共分爲四大類：屬性、內嵌函數、函數、變量。鼠標移動到某一項後，右側欄會顯示該變量 / 函數的使用方法。

函數編輯窗口

屬性：數據庫中設置的的各種屬性，會讀取同一行中對應屬性的值。

注：由於屬性是讀取數據庫中值，直接複製代碼會不起作用，需要將對應內容刪除後重新在左側欄選擇對應屬性，我會在下方代碼中劃線指出需要修改的地方。

內嵌函數：目前只有三個not、true、false，在函數中爲布爾值，直接輸出則表現爲勾選框。
函數：分爲三類：常量、運算符、函數。常量是一個固定的值，例如我們用pi()來表示圓周率的值；運算符進行一些基本運算，例如add()、mod()、divide()等，當然某些函數也可以直接用"+"等運算符號代替；函數就是正常認知中的函數，例如length()可以返回列表的長度。
變量：這一部分比較反直覺，下面進行詳細說明。
其中一種是需要自己命名賦值的變量，notion中爲變量賦值使用的是逗號，例如"variable, 1"說明我們建立了一個"variable"變量賦值爲1。需要注意的是，某一行結束後也需要在結尾打上逗號。
另一種相當於其他語言中的循環變量，只有在某些函數中才能使用，常用的是"current"。由於notion中並沒有循環語句，我們常用map()函數來代替，大家可以試試："map([1, 2, 3],current+1)"。

注：單個函數屬性中只能存在一個表達式，但是有一個函數lets()可以實現多變量賦值。在該函數中可以存在多個表達式，最後加上一個返回值，大家可以把它當成其他語言中的函數。

Notion函數實戰

我會對初次遇到的函數進行說明，根據發售年份、成就進度、成就進度條形圖的難易程度逐一講解。

再次提醒：由於屬性是讀取數據庫中值，直接複製代碼會不起作用，下方代碼中劃線部分刪除後選擇自己對應的屬性。

發售年份

讀取"發售日期"屬性，轉變格式爲年份。

發售年份函數

formatDate(date, format, timezone?)：使用自定義格式字符串和時區選項設置日期格式。該格式字符串可以包含以下標記來代表日期的不同部分，例如："yyyy" 表示年，"MM" 表示月，"dd" 表示日，"HH" 表示小時，"mm" 表示分。

成就進度

將"已達成成就"屬性和"總成就數"屬性，轉變爲"已達成成就/總成就數"的格式。、

成就進度函數

數字和字符串相加可以直接輸出兩者結合的字符串。

成就進度條形圖

前兩函數是不是很簡單呢，這裏給大家淺上一點難度，爲下一期遊戲日曆中的熱力圖做準備。

成就進度條形圖函數

爲變量percent賦值，成就百分比；(判斷表達式?真爲A:假爲B)經典的三目運算符；round(value, precision)函數返回四捨五入最接近整數，我們需要兩位小數，就先乘10000（原來爲0.XXXXXX）取整後除100。
爲變量block_num賦值，需要顯示的格子數量；ceil(number)返回大於或等於數字的最小整數；在函數中我除的數字是5，因爲我打算最多顯示20個格子(100%)，如果最多顯示10個格子，就除以10。
爲變量block_print賦值，格子顯示字符串；repeat(text, count)將文本重複給定次數；將"■"字符重複block_num遍；padEnd(text, targetLength, padString)返回填充文本；將前方字符串拓展到20個"■"的長度，不夠的用空格(" ")補齊。
爲變量percent_print賦值，顯示百分比字符串。
爲變量print賦值，將block_print和percent_print組合爲新的字符串。
爲變量color賦值，notion支持的10種顏色的字符串的列表。
爲變量color_index_temp賦值，由百分比計算出對應在color中顏色的索引下標；floor(number)返回小於或等於數字的最大整數；打個比方完成度小於10%的顏色爲灰色，10%-20%的顏色爲棕色。
爲變量color_index賦值，由於索引只有0-9，完成度爲100%會索引越界，這裏判斷一下。
爲變量type賦值，選擇的顏色字符串。at(list, index)返回值列表中指定索引處的值。通過索引color_index選擇顏色。
最後爲表達式，即返回值。style(value, styles)爲給定的輸入內容添加格式樣式。可接受的樣式包括："b"（粗體）、"u"（下劃線）、"i"（斜體）、"c"（代碼）和 "s"（刪除線）。爲print進行樣式設置，代碼格式粗體，字體顏色爲type，背景顏色爲type+"_background"。