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

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

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

# Python 學習筆記 : 用 Streamlit 開發網頁應用程式 (一) 安裝套件

Streamlit 的教學文件參考 :

# https://docs.streamlit.io/

參考書籍 : 

1. Beginner’s Guide to Streamlit with Python (Apress 2023)
2. Web Application Development with Streamlit (Apress 2022)
3. Python for Finance Cookbook (Packt 2021)
4. Getting Started with Streamlit for Data Science (Packt 2021)

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 參考 :

# https://streamlit-emoji-shortcodes-streamlit-app-gwckff.streamlit.app/ 

關於 LaTex 參考 : 

# https://katex.org/docs/supported.html

首先測試 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[這會套上藍色]')

結果如下 :