streamlit侧边栏菜单option_menu

Streamlit的side_bar组件允许你在应用中创建一个可展开的侧边栏菜单。其中，`option_menu`函数用于创建一个下拉菜单，用户可以选择其中一个选项。`option_menu`的基本语法如下：

import streamlit as st

options = ["Option 1", "Option 2", "Option 3"]
selected_option = st.sidebar.option_menu("Choose an option:", options)

# 根据用户选择执行相应的操作
if selected_option == "Option 1":
    # 执行第一种操作
elif selected_option == "Option 2":
    # 执行第二种操作
else:
    # 执行第三种操作

在这个例子中，用户可以在侧边栏看到一个标题为“Choose an option:”的下拉列表，每个选项都是"Option 1"、"Option 2"或"Option 3"。当他们点击一个选项时，`selected_option`变量会存储所选的值。

相关问题

streamlit侧边栏选择

Streamlit 侧边栏选择可以通过 `streamlit.sidebar.selectbox()` 方法实现。这个方法接受两个参数：第一个参数是一个字符串，表示侧边栏选择的名称或标签；第二个参数是一个列表，其中包含可供选择的选项。下面是一个简单的示例：

import streamlit as st

# 定义可供选择的选项
options = ['Option 1', 'Option 2', 'Option 3']

# 在侧边栏中显示选择框
selected_option = st.sidebar.selectbox('Select an option:', options)

# 根据选择的选项显示相应的内容
if selected_option == 'Option 1':
    st.write('You selected Option 1')
elif selected_option == 'Option 2':
    st.write('You selected Option 2')
else:
    st.write('You selected Option 3')

在这个示例中，我们定义了一个包含三个选项的列表 `options`，然后使用 `st.sidebar.selectbox()` 方法在侧边栏中显示一个选择框。当用户选择一个选项时，我们使用条件语句显示相应的内容。

streamlit好看的自定义侧边栏菜单

Streamlit是一个用于数据科学可视化的Python库，它允许用户轻松地创建交互式应用程序。如果你想在Streamlit应用中创建一个美观且定制化的侧边栏菜单，你可以利用`st.sidebar`组件。下面是一些步骤和建议：

1. 导入必要的模块：首先导入`streamlit`和一些基础样式库，如`streamlit.elements`，这将帮助你定制界面元素。

import streamlit as st
from streamlit.elements import Button

2. 定义菜单项：使用`st.sidebar.title()`添加标题，然后通过`st.sidebar.button()`添加按钮或菜单链接。

menu_items = [
    {"label": "选项1", "icon": "fas fa-home", "url": "#"},
    {"label": "选项2", "icon": "fas fa-chart-line", "url": "#"},
    # 更多选项...
]

3. 使用图标和链接：可以使用Font Awesome等图标库提供的图标，并设置URL跳转链接（如果你的应用支持）。

for item in menu_items:
    st.sidebar.markdown(f"""
    <a href="{item['url']}" target="_blank">
        <i class="fas fa-{item['icon']}"></i> {item['label']}
    </a>
    """)

4. 样式调整：为了美化，你可以使用`Button`的`css_classes`属性添加自定义CSS样式，或者在整个侧边栏上应用统一的主题。

custom_sidebar_style = """
<style>
#sidebar .btn {
    color: white;
    background-color: #007bff;
    border-color: #007bff;
}
</style>
"""

st.sidebar.markdown(custom_sidebar_style, unsafe_allow_html=True)