Streamlitのインプットウィジットを使ってみよう

import streamlit as st

if st.button('押してみる'):
    st.write('押したなぁ～')
else:
    st.write('むむむ')

import streamlit as st
import pandas as pd

# DataFrameをCSVファイルに変換してダウンロード
df = pd.read_pickle('dataframe.pickle')
# 変換をキャッシュします
@st.cache
def convert_df(df):
    return df.to_csv().encode('utf-8')

csv = convert_df(df)

st.download_button(
    label="CSVファイルのダウンロード",
    data=csv,
    # ファイル名を省略すると、自動でファイル名が割り振られる
    # file_name='download.csv',
    mime='text/csv'
)

# テキストファイルに変換してダウンロード
# label=, data=を省略して指定するパターン
text_contents = '''
テキストファイルです。
　テキストファイルです。
　　テキストファイルです。'''
st.download_button(
    'テキストファイルのダウンロード', 
    text_contents,
    file_name='download.txt',
)

# 画像のダウンロード
with open('sample.png', 'rb') as file:
    st.download_button(
        label='画像のダウンロード',
        data=file,
        file_name='download.png',
        mime='image/png'
    )

import streamlit as st

userid = st.text_input('ユーザID', placeholder='ユーザID', max_chars=10, help='英字で始めること')
passwd = st.text_input('パスワード', type='password', max_chars=20)
st.write(f'ユーザIDは {userid} です。パスワードは、もちろん秘密です。')

import streamlit as st

txt = st.text_area(
    'ご意見/ご要望', value='氏名：\n年齢：\nご意見：\n', height=150, max_chars=100
)
txt2 = st.text_area('入力された内容の確認', value=txt, disabled=True)

import streamlit as st
import datetime

birth = st.date_input('生年月日', value=None, min_value=datetime.date(1900, 1, 1))
fromto = st.date_input('FromTo', value=[datetime.date(2022, 1, 1), datetime.date(2022, 1, 10)])

st.write(f'誕生日は{birth}です。')
st.write(f'from～toは{fromto[0]}～{fromto[1]}です。')

import streamlit as st
import datetime

t = st.time_input('アラームの設定時間', datetime.time(8,45))
st.write(f'アラームは{t}にセットされました。')
st.write('---')
t2 = st.time_input('設定なしの場合')
st.write(f'アラームは{t2}にセットされました。')

import streamlit as st

height = st.number_input('身長', min_value=50.0, max_value=250.0, value=150.0, step=5.0)
weight = st.number_input('体重', min_value=0.5, max_value=250.0, value=40.000)
age = st.number_input('年齢', value=20)
st.write(f'身長は{height}、体重は{weight}、年齢は{age}です。')

import streamlit as st

st.caption('履修科目')
chk1 = st.checkbox('英語 (必須)', value=True, disabled=True)
chk2 = st.checkbox('数学')
chk3 = st.checkbox('国語:')

st.write('---')
st.write(chk1, chk2, chk3)
if chk1:
    st.write('英語を選択')
else:
    st.write('英語を未:選択')
if chk2:
    st.write('数学を選択')
else:
    st.write('数学を未選択')
if chk3:
    st.write('国語を選択')
else:
    st.write('国語を未選択')')

import streamlit as st

options1 = ["男性", "女性", "無回答"]
options2 = {
    1: "男性",
    2: "女性",
    3: "無回答"
}
st.markdown('---')
sel1 = st.radio('性別（横）', options1, index=2, horizontal=True)
st.write(f'選択されたのは{sel1}です。')
st.markdown('---')
sel2 = st.radio( label="性別（縦）",
    options = (1, 2, 3), 
    index=2,
    format_func=lambda x: options2.get(x),
)
st.write(f'選択されたのは、{options2.get(sel2)} --> {sel2}です。')
st.markdown('---')

import streamlit as st

options1 = ["男性", "女性", "無回答"]
options2 = {
    1: "男性",
    2: "女性",
    3: "無回答"
}
st.markdown('---')
sel1 = st.selectbox('性別', options1, index=2)
st.write(f'選択されたのは{sel1}です。')

st.markdown('---')
sel2 = st.selectbox( label="性別（値で取得）",
    options = (1, 2, 3), 
    index=2,
    format_func=lambda x: options2.get(x),
)
st.write(f'選択されたのは、{options2.get(sel2)} --> {sel2}です。')
st.markdown('---')

import streamlit as st

options1 = ("札幌", "仙台", "東京", "横浜", "大阪", "広島", "福岡")
options2 = {1: "red", 
            2: "blue", 
            3: "yellow", 
            4: "cyan", 
            5: "pink", 
            6: "black", 
            7: "white", 
            8: "other"}

sel1 = st.multiselect('旅行先候補', options = options1
)
st.write(f'選択されたのは、{sel1}です。')
st.markdown('---')
sel2 = st.multiselect('好きな色',
                    options = (1, 2, 3, 4, 5, 6, 7, 8),
                    default=(4, 3, 5),
                    format_func=lambda x: options2.get(x)
)
st.write(sel2)
st.write('選択されたのは')
for i in sel2:
    st.write(f'{i} -> {options2.get(i)}')
st.write('です。')

import streamlit as st
from datetime import time
from datetime import date

# 範囲指定なしの整数値 (範囲指定なしの場合は0-100) 
nonrange_int = st.slider(
    '範囲指定なしの整数値 (範囲指定なしの場合は0-100)', 
    value=5
)
st.write(f'選択値は{nonrange_int}')
st.write('---')

# 範囲指定なしの小数点値 (範囲指定なしの場合は0.00-1.00)
nonrange_float = st.slider(
    '範囲指定なしの小数点値 (範囲指定なしの場合は0.00-1.00)', 
    value=0.512
)
st.write(f'選択値は{nonrange_float}')
st.write('---')

# 範囲指定なしの時間 (範囲指定なしの場合は0:00-23:59)
nonrange_time = st.slider(
    '範囲指定なしの時間 (範囲指定なしの場合は0:00-23:59)', 
    value=time(12, 00)
)
st.write(f'選択値は{nonrange_time}')
st.write('---')

# 範囲指定なしの日付 (範囲指定なしの場合は初期値より14日前-14日後)
nonrange_date = st.slider(
    '範囲指定なしの日付 (範囲指定なしの場合は初期値より14日前-14日後)', 
    value=date(2022, 7, 18)
)
st.write(f'選択値は{nonrange_date}')
st.write('---')
# 

# 範囲指定ありの時間 (9:00-18:00)
range_time = st.slider(
    '範囲指定ありの時間 (9:00-18:00)', 
    value=time(10, 00),
    min_value=time(9, 00),
    max_value=time(18, 00)
)
st.write(f'選択値は{range_time}')
st.write('---')

# 範囲指定ありの小数点値 (0.00-100.00)
range_float = st.slider(
    '範囲指定ありの小数点値 (0.00-100.00)', 
    value=35.1,
    min_value=0.0,
    max_value=100.0,
)
st.write(f'選択値は{range_float}')
st.write('---')

import streamlit as st
from datetime import time, timedelta

# 値を2つ指定して、範囲スライダーを表示する
values = st.slider(
    '2つの値で範囲を指定します。',
    0.0, 100.0, (25.0, 75.0)
)
st.write(f'選択した範囲は{values}です。')
st.write('---')

# 値を2つ指定して、時間の範囲スライダーを表示する。
kaigitm = st.slider(
    '会議の予約(時間はデフォルトで15分単位で変化します。',
    time(9, 0), time(17,0), (time(9, 15), time(10, 0))
)
st.write(f'会議時間は{kaigitm[0]}から{kaigitm[1]}までです。')
st.write('---')

# 値を2つ指定して、時間の範囲スライダーを表示する
# step指定で、スライドの移動単位を変更
# format指定で、時刻の表示形式を変更(戻り値には影響しない)
'''
step=を指定することにより、スライドの移動単位を変更できます。(例：15分⇒5分)
format=を指定することにより、値の表示形式を変更できます。(例：AM10時05分)
'''
kaigitm = st.slider(
    '会議の予約',
    time(9, 0), time(17,0), (time(11, 5), time(13, 25)),
    step=timedelta(minutes=5),
    format=("Ah時mm分")
)
st.write(f'会議時間は{kaigitm[0]}から{kaigitm[1]}までです。')

import streamlit as st

color = st.select_slider(
    '好きな色は？',
    options=['赤', 'オレンジ', '黄色', '緑', '青', '紫']
)
st.write(f'好きな色は{color}です。')
st.write('---')

color1, color2 = st.select_slider(
    '好きな色は？（1つまたは2つ選択）',
    options=['赤', 'オレンジ', '黄色', '緑', '青', '紫'],
    value=['黄色', '青']
)
st.write(f'好きな色は{color1}と{color2}です。')