https://haifei-home.pages.dev/tags/jupyter-notebook/Recent content in Jupyter Notebook on Haifei's HomeHugozh-CNhfwang132@gmail.com (hfwang132)hfwang132@gmail.com (hfwang132)This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.Fri, 30 Jun 2023 20:07:39 +0800https://haifei-home.pages.dev/post_20230630_%E8%BF%90%E8%A1%8C%E6%97%B6%E6%8B%89%E5%8F%96-jupyter-widgets-ui-%E7%BB%84%E4%BB%B6%E7%9A%84%E7%8A%B6%E6%80%81/Fri, 30 Jun 2023 20:07:39 +0800hfwang132@gmail.com (hfwang132)https://haifei-home.pages.dev/post_20230630_%E8%BF%90%E8%A1%8C%E6%97%B6%E6%8B%89%E5%8F%96-jupyter-widgets-ui-%E7%BB%84%E4%BB%B6%E7%9A%84%E7%8A%B6%E6%80%81/<p>先看一段 Jupyter Notebook 中的代码：</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="lnt"> 5 </span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">time</span> </span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">ipywidgets</span> <span class="k">as</span> <span class="nn">widgets</span> </span></span><span class="line"><span class="cl"><span class="kn">from</span> <span class="nn">IPython.display</span> <span class="kn">import</span> <span class="n">display</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="n">slider</span> <span class="o">=</span> <span class="n">widgets</span><span class="o">.</span><span class="n">IntSlider</span><span class="p">()</span> </span></span><span class="line"><span class="cl"><span class="n">display</span><span class="p">(</span><span class="n">slider</span><span class="p">)</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="k">while</span> <span class="kc">True</span><span class="p">:</span> </span></span><span class="line"><span class="cl"> <span class="nb">print</span><span class="p">(</span><span class="n">slider</span><span class="o">.</span><span class="n">value</span><span class="p">)</span> </span></span><span class="line"><span class="cl"> <span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> </span></span></code></pre></td></tr></table> </div> </div><p>运行上面的代码，<code>IntSlider()</code> 会显示一个可交互的滑块小组件。当用户滑动滑块时，它的值应当改变，变化的值应当可以在 <code>while</code> 循环内打印出来。</p>