1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Streamlit】ウィジェット(チェックボックス/セレクトボックス/テクストボックス/スライダー)

Posted at

ウィジェットとは

UI(ユーザーインターフェース)
各機能のパーツ。

チェックボックス

チェックボックスにチェックが入ったら、画像を表示する。という機能を作ります。

if st.checkbox('画像を表示'):
    img = Image.open('sample.jpg')
    st.image(img, caption='Super Mario', use_column_width=True)

通常時

image.png

チェックを入れる

image.png

セレクトボックス

option = st.selectbox(
    'あなたの誕生月は?',
    list(range(1, 13))
)

'私の誕生月は', option, 'です。'

結果

image.png

image.png

image.png

これだけでセレクトボックスが簡単に生成できました。
変数の値も選択した項目に合わせて変化します。

option = st.selectbox(
    'あなたの教科は?',
    ['国語', '数学', '英語', '理科', '社会']
)

'私の好きな教科は', option, 'です。'

image.png

image.png

image.png

テキストボックス

text = st.text_input('あなたの好きな料理は?')

'私の好きな料理は', text, 'です。'

image.png

image.png

スライダー

# 第二引数(最小値、最大値、初期値)
age = st.slider('あなたの年齢は?', 0, 100, 10)

'私の年齢は', age, '歳です。'

image.png

image.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?