streamlit工具栏实现

在实际应用中可能通过按钮操作一些功能,当功能比较多时往往要加入很多按钮,所以按钮的管理就很重要了。下面通过像visual studio中工具栏一样的Toolbox来管理。

具体会用到expander和sidebar来完成相应功能,具体代码如下:

st.sidebar.title('Toolbox')

with st.sidebar:

    expander1 = st.expander('Expander1')

    expander2 = st.expander('Expander2')

    expander3 = st.expander('Expander3')

    with expander1:

        st.button('expander1-button1')

        st.button('expander1-button2')

        st.button('expander1-button3')

    with expander2:

       st.button('expander2-button1')

       st.button('expander2-button2')

       st.button('expander2-button3')

    with expander3:

       st.button('expander3-button1')

       st.button('expander3-button2')

       st.button('expander3-button3')

可以看到在左侧显示出了可折叠的

这个的工具栏显然没有达到预期,Button的宽度并没有完全占据容器,可能通过增加Button的属性来使其宽度占据整个容器的

st.sidebar.title('Toolbox')

with st.sidebar:

    expander1 = st.expander('Expander1')

    expander2 = st.expander('Expander2')

    expander3 = st.expander('Expander3')

    with expander1:

        st.button('expander1-button1',use_container_width=True)

        st.button('expander1-button2',use_container_width=True)

        st.button('expander1-button3',use_container_width=True)

    with expander2:

       st.button('expander2-button1',use_container_width=True)

       st.button('expander2-button2',use_container_width=True)

       st.button('expander2-button3',use_container_width=True)

    with expander3:

       st.button('expander3-button1',use_container_width=True)

       st.button('expander3-button2',use_container_width=True)

       st.button('expander3-button3',use_container_width=True)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值