2023年3月1日 星期三

Python 學習筆記 : 用 Streamlit 開發網頁應用程式 (二) 文字

今天開始來探索 Streamlit 的各種網頁生成函式, 首先測試輸出文字的函式. 

本系列之前的測試紀錄參考 :  


Streamlit 的教學文件參考 :



Streamlit 的文字輸出函式如下表所示 : 


 Streamlit 文字函式 說明
 write(str [, anchor]) 輸出一般文字或任何內容 (超級函式 super function)
 title(str [, anchor]) 輸出標題文字 (尺寸最大)
 header(str [, anchor]) 輸出標頭文字 (尺寸次大)
 subheader(str [, anchor]) 輸出次標頭文字 (尺寸第三大)
 caption(str) 輸出文字註解 (尺寸最小的文字)
 text(str) 輸出任何文字 (自動跳行)
 markdown(str) 輸出 markdown 格式字串
 latex(str) 輸出 LaTex 格式字串
 code(str, language) 輸出指定語言之格式化程式碼 (支援 Python, Java, Javascript 等)


這些函式都有一個必要參數 str, 可以如下的字串 :
  • 純文字
  • 表情符號 (emoji) 代碼, 例如 ':sunglasses:'
  • LaTex 表示式, 例如 '${(x+y)}^2'
  • 表示顏色的字串, 例如  'blue[這會套上藍色]'
關於 emoji 參考 :


關於 LaTex 參考 : 


首先測試 title(), header(), subheader(), 以及 caption(), 除了 caption() 外都有一個備選參數 anchor, 可用來設定錨點名稱, 作為 URL 尾端 #anchor 的目的地, 例如 :


測試 1 : 比較輸出文字的尺寸  [看原始碼]

# text-1.py
import streamlit as st

st.title('這是 Title')
st.header('這是 Header')
st.subheader('這是 Subheader')
st.caption('這是 Caption')

結果如下 : 


可見 caption() 輸出的文字是灰色的, 其他則為黑色. 

其次測試四種類型的必要參數 str, 下面以 title() 為例 :


測試 2 : 四種文字輸出類型  [看原始碼]

import streamlit as st

st.title('純文字')
st.title('表情符號:sunglasses:')
st.title('LaTex 表示式:${(x+y)}^2$')
st.title('套用顏色:blue[這會套上藍色]')

結果如下 : 





1 則留言: