jupyter main函数_Jupyter notebook最简原型界面设计- ipywidgets与lineup_widget

Tkinter的GUI设计 和 django页面设计，那么笔者只是想快速做个demo原型，以上的内容能不能结合着来，有一些简单的交互 + web可以快速访问的到，于是就看到了jupyter notebook这两个库，非常简单的玩具，来看看呗~ ipywidgets比较强调输入项的各式花样，但是其对输出内容的格式的花样非常少。

原文见：Jupyter notebook最简原型界面设计 - ipywidgets与lineup_widget​blog.csdn.net

一 ipywidgets

安装：

# 方式一

pip install ipywidgets

jupyter nbextension enable --py widgetsnbextension

# 方式二

conda install -c conda-forge ipywidgets

效果：

(参考自：A very simple demo of interactive controls on Jupyter notebook​towardsdatascience.com

参考于：Interactive Visualizations In Jupyter Notebook​towardsdatascience.com

来看一些组件与模块。

1.1 基础组件

1.1.1 button 按钮

widgets.Button(

description='Click me',

disabled=False,

button_style='success', # 'success', 'info', 'warning', 'danger' or ''

tooltip='Click me',

icon='check'

)

# 调整按钮

from ipywidgets import Button, Layout

b = Button(description='(50% width, 80px height) button',

layout=Layout(width='50%', height='80px'),

button_style='success')

b

button是作为输入项的，

1.1.2 IntSlider、FloatSlider

widgets.FloatSlider(

value=7.5,

min=0,

max=10.0,

step=0.1,

description='Test:',

disabled=False,

continuous_update=False,

orientation='horizontal',

readout=True,

readout_format='.1f',

)

一个整数型滑块，一个数值型滑块。

1.1.3 FloatProgress / IntProgress

widgets.IntProgress(

value=7,

min=0,

max=10,

step=1,

description='Loading:',

bar_style='', # 'success', 'info', 'warning', 'danger' or ''

orientation='horizontal'

)

widgets.FloatProgress(

value=7.5,

min=0,

max=10.0,

step=0.1,

description='Loading:',

bar_style='info',

orientation='horizontal'

)

一个整数型进度条，一个数值型进度条。

1.1.4 Text、Textarea

widgets.Text(

value='Hello World',

placeholder='Type something',

description&