30天学会《Streamlit》(7)

news2025/1/16 5:40:37

30学会《Streamlit》是一项编码挑战，旨在帮助您开始构建Streamlit应用程序。特别是，您将能够：

为构建Streamlit应用程序设置编码环境
构建您的第一个Streamlit应用程序
了解用于Streamlit应用程序的所有很棒的输入/输出小部件

第7天 - st.slider

st.slider允许显示滑块输入小部件。

支持以下数据类型：int、float、date、time和datetime。

我们在建立什么

一个简单的应用程序，显示了如何通过调整滑块小部件来接受用户输入的各种方式。

应用程序流程：

用户通过调整滑块小部件选择值
应用程序打印出所选值

演示应用程序

已部署的Streamlit应用程序应与以下链接中所示的类似：

https://share.streamlit.io/dataprofessor/st.slider/

代码

以下是如何使用st.slider：

import streamlit as st
from datetime import time, datetime
st.header('st.slider')
# Example 1
st.subheader('Slider')
age = st.slider('How old are you?', 0, 130, 25)
st.write("I'm ", age, 'years old')
# Example 2
st.subheader('Range slider')
values = st.slider(
     'Select a range of values',
     0.0, 100.0, (25.0, 75.0))
st.write('Values:', values)
# Example 3
st.subheader('Range time slider')
appointment = st.slider(
     "Schedule your appointment:",
     value=(time(11, 30), time(12, 45)))
st.write("You're scheduled for:", appointment)
# Example 4
st.subheader('Datetime slider')
start_time = st.slider(
     "When do you start?",
     value=datetime(2020, 1, 1, 9, 30),
     format="MM/DD/YY - hh:mm")
st.write("Start time:", start_time)

逐行解释

创建Streamlit应用程序时要做的第一件事是首先导入Streamlit库，如下所示：

import streamlit as st
from datetime import time, datetime

然后为应用程序创建标题文本：

st.header('st.slider')

示例1：Slider

st.subheader('Slider')
age = st.slider('How old are you?', 0, 130, 25)
st.write("I'm ", age, 'years old')

正如我们所看到的，st.slider()命令用于收集关于用户年龄的用户输入。

第一个输入参数显示滑块小部件上方的文本，询问 'How old are you?'。

以下三个整数0、130、25分别表示最小值、最大值和默认值。

示例2：Range slider

st.subheader('Range slider')
values = st.slider(
     'Select a range of values',
     0.0, 100.0, (25.0, 75.0))
st.write('Values:', values)

范围滑块允许选择下限值对和上限值对。

第一个输入参数显示范围滑块小部件上方的文本，询问 'Select a range of values'。

以下三个参数0.0、100.0、（25.0、75.0）表示最小值和最大值，而最后一个元组表示用作所选下限值（25.0）和上限值（75.0）的默认值。

示例3：Range time slider

st.subheader('Range time slider')
appointment = st.slider(
     "Schedule your appointment:",
     value=(time(11, 30), time(12, 45)))
st.write("You're scheduled for:", appointment)

范围时间滑块允许选择日期时间的下限值和上限值对。

第一个输入参数显示范围时间滑块小部件上方的文本，询问'Schedule your appointment:'。

datetime的下限值对和上限值对的默认值分别设置为11:30和12:45。

示例4：Datetime slider

st.subheader('Datetime slider')
start_time = st.slider(
     "When do you start?",
     value=datetime(2020, 1, 1, 9, 30),
     format="MM/DD/YY - hh:mm")
st.write("Start time:", start_time)

日期时间滑块允许选择日期时间。

第一个输入参数显示日期时间滑块小部件上方的文本，询问 'When do you start?'。

datetime的默认值使用value选项设置为2023年4月19日19:00

延伸阅读

您还可以浏览以下相关的小部件：