{"id":1507,"date":"2020-12-07T08:24:44","date_gmt":"2020-12-07T08:24:44","guid":{"rendered":"https:\/\/www.pythontutorial.net\/?page_id=1507"},"modified":"2021-01-05T08:46:23","modified_gmt":"2021-01-05T08:46:23","slug":"tkinter-object-oriented-frame","status":"publish","type":"page","link":"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-object-oriented-frame\/","title":{"rendered":"Tkinter Object-Oriented Frames"},"content":{"rendered":"\n<p><strong>Summary<\/strong>: in this tutorial, you&#8217;ll learn how to <a href=\"https:\/\/www.pythontutorial.net\/python-oop\/python-inheritance\/\">inherit<\/a> from the <code>ttk.Frame<\/code> class and use it in the root window.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-object-oriented-window\/\">In the previous tutorial<\/a>, you&#8217;ve learned how to subclass the <code>Tkinter.Tk<\/code> class. However, a Tkinter application should have only one <code>Tk<\/code> instance.  <\/p>\n\n\n\n<p>Therefore, it&#8217;s common to inherit from the <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-frame\/\"><code>ttk.Frame<\/code> <\/a>class and use the subclass in the root window.<\/p>\n\n\n\n<p>To inherit the <code>ttk.Frame<\/code> class, you use the following syntax:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"Python\" data-shcb-language-slug=\"python\"><span><code class=\"hljs language-python\"><span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">MainFrame<\/span><span class=\"hljs-params\">(ttk.Frame)<\/span>:<\/span>\n    <span class=\"hljs-keyword\">pass<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">Python<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">python<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Since a <code>Frame<\/code> needs a container, you need to add an argument to its <code>__init__()<\/code> method and call the <code>__init__()<\/code> method of the <code>ttk.Frame<\/code> class like this:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"Python\" data-shcb-language-slug=\"python\"><span><code class=\"hljs language-python\"><span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">MainFrame<\/span><span class=\"hljs-params\">(ttk.Frame)<\/span>:<\/span>\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span> <span class=\"hljs-title\">__init__<\/span><span class=\"hljs-params\">(self, container)<\/span>:<\/span>\n        super().__init__(container)   <\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">Python<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">python<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>The following shows the complete <code>MainFrame<\/code> class that has a <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-label\/\">label<\/a> and a <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-button\/\">button<\/a>. When you click the button, it shows a <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-messagebox\/\">message box<\/a>:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"Python\" data-shcb-language-slug=\"python\"><span><code class=\"hljs language-python\"><span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span>\u00a0<span class=\"hljs-title\">MainFrame<\/span><span class=\"hljs-params\">(ttk.Frame)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span>\u00a0<span class=\"hljs-title\">__init__<\/span><span class=\"hljs-params\">(self,\u00a0container)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0super().__init__(container)\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0options\u00a0=\u00a0{<span class=\"hljs-string\">'padx'<\/span>:\u00a0<span class=\"hljs-number\">5<\/span>,\u00a0<span class=\"hljs-string\">'pady'<\/span>:\u00a0<span class=\"hljs-number\">5<\/span>}\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-comment\">#\u00a0label<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.label\u00a0=\u00a0ttk.Label(self,\u00a0text=<span class=\"hljs-string\">'Hello,\u00a0Tkinter!'<\/span>)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.label.pack(**options)\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-comment\">#\u00a0button<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.button\u00a0=\u00a0ttk.Button(self,\u00a0text=<span class=\"hljs-string\">'Click\u00a0Me'<\/span>)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.button&#91;<span class=\"hljs-string\">'command'<\/span>]\u00a0=\u00a0self.button_clicked\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.button.pack(**options)\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-comment\">#\u00a0show\u00a0the\u00a0frame\u00a0on\u00a0the\u00a0container<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.pack(**options)\n\n\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span>\u00a0<span class=\"hljs-title\">button_clicked<\/span><span class=\"hljs-params\">(self)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0showinfo(title=<span class=\"hljs-string\">'Information'<\/span>,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0message=<span class=\"hljs-string\">'Hello,\u00a0Tkinter!'<\/span>)<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">Python<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">python<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>The following defines an <code>App<\/code> class that inherits from the <code>Tk<\/code> class:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"Python\" data-shcb-language-slug=\"python\"><span><code class=\"hljs language-python\"><span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span>\u00a0<span class=\"hljs-title\">App<\/span><span class=\"hljs-params\">(tk.Tk)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span>\u00a0<span class=\"hljs-title\">__init__<\/span><span class=\"hljs-params\">(self)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0super().__init__()\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-comment\">#\u00a0configure\u00a0the\u00a0root\u00a0window<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.title(<span class=\"hljs-string\">'My\u00a0Awesome\u00a0App'<\/span>)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.geometry(<span class=\"hljs-string\">'300x100'<\/span>)<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">Python<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">python<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>And you can bootstrap the application via the <code>if __name__ == \"__main__\"<\/code> block.<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"Python\" data-shcb-language-slug=\"python\"><span><code class=\"hljs language-python\"><span class=\"hljs-keyword\">if<\/span>\u00a0__name__\u00a0==\u00a0<span class=\"hljs-string\">\"__main__\"<\/span>:\n\u00a0\u00a0\u00a0\u00a0app\u00a0=\u00a0App()\n\u00a0\u00a0\u00a0\u00a0frame\u00a0=\u00a0MainFrame(app)\n\u00a0\u00a0\u00a0\u00a0app.mainloop()<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">Python<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">python<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>In this code:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>First, create a new instance of the <code>App<\/code> class.<\/li><li>Second, create a new instance of the <code>MainFrame<\/code> class and set its container to the app instance.<\/li><li>Third, start the application by calling the app(). It&#8217;ll execute the <code>__call__()<\/code> method that will invoke the <code>mainloop()<\/code> of the root window.<\/li><\/ul>\n\n\n\n<p>Put it all together:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-6\" data-shcb-language-name=\"Python\" data-shcb-language-slug=\"python\"><span><code class=\"hljs language-python\"><span class=\"hljs-keyword\">import<\/span>\u00a0tkinter\u00a0<span class=\"hljs-keyword\">as<\/span>\u00a0tk\n<span class=\"hljs-keyword\">from<\/span>\u00a0tkinter\u00a0<span class=\"hljs-keyword\">import<\/span>\u00a0ttk\n<span class=\"hljs-keyword\">from<\/span>\u00a0tkinter.messagebox\u00a0<span class=\"hljs-keyword\">import<\/span>\u00a0showinfo\n\n\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span>\u00a0<span class=\"hljs-title\">MainFrame<\/span><span class=\"hljs-params\">(ttk.Frame)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span>\u00a0<span class=\"hljs-title\">__init__<\/span><span class=\"hljs-params\">(self,\u00a0container)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0super().__init__(container)\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0options\u00a0=\u00a0{<span class=\"hljs-string\">'padx'<\/span>:\u00a0<span class=\"hljs-number\">5<\/span>,\u00a0<span class=\"hljs-string\">'pady'<\/span>:\u00a0<span class=\"hljs-number\">5<\/span>}\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-comment\">#\u00a0label<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.label\u00a0=\u00a0ttk.Label(self,\u00a0text=<span class=\"hljs-string\">'Hello,\u00a0Tkinter!'<\/span>)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.label.pack(**options)\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-comment\">#\u00a0button<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.button\u00a0=\u00a0ttk.Button(self,\u00a0text=<span class=\"hljs-string\">'Click\u00a0Me'<\/span>)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.button&#91;<span class=\"hljs-string\">'command'<\/span>]\u00a0=\u00a0self.button_clicked\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.button.pack(**options)\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-comment\">#\u00a0show\u00a0the\u00a0frame\u00a0on\u00a0the\u00a0container<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.pack(**options)\n\n\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span>\u00a0<span class=\"hljs-title\">button_clicked<\/span><span class=\"hljs-params\">(self)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0showinfo(title=<span class=\"hljs-string\">'Information'<\/span>,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0message=<span class=\"hljs-string\">'Hello,\u00a0Tkinter!'<\/span>)\n\n\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span>\u00a0<span class=\"hljs-title\">App<\/span><span class=\"hljs-params\">(tk.Tk)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span>\u00a0<span class=\"hljs-title\">__init__<\/span><span class=\"hljs-params\">(self)<\/span>:<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0super().__init__()\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"hljs-comment\">#\u00a0configure\u00a0the\u00a0root\u00a0window<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.title(<span class=\"hljs-string\">'My\u00a0Awesome\u00a0App'<\/span>)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.geometry(<span class=\"hljs-string\">'300x100'<\/span>)\n\n\n<span class=\"hljs-keyword\">if<\/span>\u00a0__name__\u00a0==\u00a0<span class=\"hljs-string\">\"__main__\"<\/span>:\n\u00a0\u00a0\u00a0\u00a0app\u00a0=\u00a0App()\n\u00a0\u00a0\u00a0\u00a0frame\u00a0=\u00a0MainFrame(app)\n\u00a0\u00a0\u00a0\u00a0app.mainloop()<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-6\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">Python<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">python<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Output:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"304\" height=\"134\" src=\"https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2020\/12\/Python-Object-oriented-Frame.png\" alt=\"\" class=\"wp-image-1515\" srcset=\"https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2020\/12\/Python-Object-oriented-Frame.png 304w, https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2020\/12\/Python-Object-oriented-Frame-300x132.png 300w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id='more-object-oriented-frame-example'>More Object-oriented Frame example <a href=\"#more-object-oriented-frame-example\" class=\"anchor\" id=\"more-object-oriented-frame-example\" title=\"Anchor for More Object-oriented Frame example\">#<\/a><\/h2>\n\n\n\n<p>The following example uses the classes to convert the <strong>Replace<\/strong> window from the <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-frame\/\"><code>Frame<\/code> tutorial<\/a>:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"179\" src=\"https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2021\/01\/Tkinter-Frame-Demo.png\" alt=\"\" class=\"wp-image-2111\" srcset=\"https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2021\/01\/Tkinter-Frame-Demo.png 400w, https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2021\/01\/Tkinter-Frame-Demo-300x134.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure><\/div>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-7\" data-shcb-language-name=\"Python\" data-shcb-language-slug=\"python\"><span><code class=\"hljs language-python\"><span class=\"hljs-keyword\">import<\/span> tkinter <span class=\"hljs-keyword\">as<\/span> tk\r\n<span class=\"hljs-keyword\">from<\/span> tkinter <span class=\"hljs-keyword\">import<\/span> ttk\r\n\r\n\r\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">InputFrame<\/span><span class=\"hljs-params\">(ttk.Frame)<\/span>:<\/span>\r\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span> <span class=\"hljs-title\">__init__<\/span><span class=\"hljs-params\">(self, container)<\/span>:<\/span>\r\n        super().__init__(container)\r\n        <span class=\"hljs-comment\"># setup the grid layout manager<\/span>\r\n        self.columnconfigure(<span class=\"hljs-number\">0<\/span>, weight=<span class=\"hljs-number\">1<\/span>)\r\n        self.columnconfigure(<span class=\"hljs-number\">0<\/span>, weight=<span class=\"hljs-number\">3<\/span>)\r\n\r\n        self.__create_widgets()\r\n\r\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span> <span class=\"hljs-title\">__create_widgets<\/span><span class=\"hljs-params\">(self)<\/span>:<\/span>\r\n        <span class=\"hljs-comment\"># Find what<\/span>\r\n        ttk.Label(self, text=<span class=\"hljs-string\">'Find what:'<\/span>).grid(column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">0<\/span>, sticky=tk.W)\r\n        keyword = ttk.Entry(self, width=<span class=\"hljs-number\">30<\/span>)\r\n        keyword.focus()\r\n        keyword.grid(column=<span class=\"hljs-number\">1<\/span>, row=<span class=\"hljs-number\">0<\/span>, sticky=tk.W)\r\n\r\n        <span class=\"hljs-comment\"># Replace with:<\/span>\r\n        ttk.Label(self, text=<span class=\"hljs-string\">'Replace with:'<\/span>).grid(\r\n            column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">1<\/span>, sticky=tk.W)\r\n        replacement = ttk.Entry(self, width=<span class=\"hljs-number\">30<\/span>)\r\n        replacement.grid(column=<span class=\"hljs-number\">1<\/span>, row=<span class=\"hljs-number\">1<\/span>, sticky=tk.W)\r\n\r\n        <span class=\"hljs-comment\"># Match Case checkbox<\/span>\r\n        match_case = tk.StringVar()\r\n        match_case_check = ttk.Checkbutton(\r\n            self,\r\n            text=<span class=\"hljs-string\">'Match case'<\/span>,\r\n            variable=match_case,\r\n            command=<span class=\"hljs-keyword\">lambda<\/span>: print(match_case.get()))\r\n        match_case_check.grid(column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">2<\/span>, sticky=tk.W)\r\n\r\n        <span class=\"hljs-comment\"># Wrap Around checkbox<\/span>\r\n        wrap_around = tk.StringVar()\r\n        wrap_around_check = ttk.Checkbutton(\r\n            self,\r\n            variable=wrap_around,\r\n            text=<span class=\"hljs-string\">'Wrap around'<\/span>,\r\n            command=<span class=\"hljs-keyword\">lambda<\/span>: print(wrap_around.get()))\r\n        wrap_around_check.grid(column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">3<\/span>, sticky=tk.W)\r\n\r\n        <span class=\"hljs-keyword\">for<\/span> widget <span class=\"hljs-keyword\">in<\/span> self.winfo_children():\r\n            widget.grid(padx=<span class=\"hljs-number\">0<\/span>, pady=<span class=\"hljs-number\">5<\/span>)\r\n\r\n\r\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">ButtonFrame<\/span><span class=\"hljs-params\">(ttk.Frame)<\/span>:<\/span>\r\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span> <span class=\"hljs-title\">__init__<\/span><span class=\"hljs-params\">(self, container)<\/span>:<\/span>\r\n        super().__init__(container)\r\n        <span class=\"hljs-comment\"># setup the grid layout manager<\/span>\r\n        self.columnconfigure(<span class=\"hljs-number\">0<\/span>, weight=<span class=\"hljs-number\">1<\/span>)\r\n\r\n        self.__create_widgets()\r\n\r\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span> <span class=\"hljs-title\">__create_widgets<\/span><span class=\"hljs-params\">(self)<\/span>:<\/span>\r\n        ttk.Button(self, text=<span class=\"hljs-string\">'Find Next'<\/span>).grid(column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">0<\/span>)\r\n        ttk.Button(self, text=<span class=\"hljs-string\">'Replace'<\/span>).grid(column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">1<\/span>)\r\n        ttk.Button(self, text=<span class=\"hljs-string\">'Replace All'<\/span>).grid(column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">2<\/span>)\r\n        ttk.Button(self, text=<span class=\"hljs-string\">'Cancel'<\/span>).grid(column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">3<\/span>)\r\n\r\n        <span class=\"hljs-keyword\">for<\/span> widget <span class=\"hljs-keyword\">in<\/span> self.winfo_children():\r\n            widget.grid(padx=<span class=\"hljs-number\">0<\/span>, pady=<span class=\"hljs-number\">3<\/span>)\r\n\r\n\r\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">App<\/span><span class=\"hljs-params\">(tk.Tk)<\/span>:<\/span>\r\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span> <span class=\"hljs-title\">__init__<\/span><span class=\"hljs-params\">(self)<\/span>:<\/span>\r\n        super().__init__()\r\n        self.title(<span class=\"hljs-string\">'Replace'<\/span>)\r\n        self.geometry(<span class=\"hljs-string\">'400x150'<\/span>)\r\n        self.resizable(<span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0<\/span>)\r\n        <span class=\"hljs-comment\"># windows only (remove the minimize\/maximize button)<\/span>\r\n        self.attributes(<span class=\"hljs-string\">'-toolwindow'<\/span>, <span class=\"hljs-literal\">True<\/span>)\r\n\r\n        <span class=\"hljs-comment\"># layout on the root window<\/span>\r\n        self.columnconfigure(<span class=\"hljs-number\">0<\/span>, weight=<span class=\"hljs-number\">4<\/span>)\r\n        self.columnconfigure(<span class=\"hljs-number\">1<\/span>, weight=<span class=\"hljs-number\">1<\/span>)\r\n\r\n        self.__create_widgets()\r\n\r\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">def<\/span> <span class=\"hljs-title\">__create_widgets<\/span><span class=\"hljs-params\">(self)<\/span>:<\/span>\r\n        <span class=\"hljs-comment\"># create the input frame<\/span>\r\n        input_frame = InputFrame(self)\r\n        input_frame.grid(column=<span class=\"hljs-number\">0<\/span>, row=<span class=\"hljs-number\">0<\/span>)\r\n\r\n        <span class=\"hljs-comment\"># create the button frame<\/span>\r\n        button_frame = ButtonFrame(self)\r\n        button_frame.grid(column=<span class=\"hljs-number\">1<\/span>, row=<span class=\"hljs-number\">0<\/span>)\r\n\r\n\r\n<span class=\"hljs-keyword\">if<\/span> __name__ == <span class=\"hljs-string\">\"__main__\"<\/span>:\r\n    app = App()\r\n    app.mainloop()\r<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-7\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">Python<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">python<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h2 class=\"wp-block-heading\" id='summary'>Summary <a href=\"#summary\" class=\"anchor\" id=\"summary\" title=\"Anchor for Summary\">#<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Subclass the <code>ttk.Frame<\/code> and initialize the widgets on the frame.<\/li><li>Use the subclass of the <code>ttk.Frame<\/code> in a root window.<\/li><\/ul>\n<div class=\"helpful-block-content\" data-title=\"\">\n\t<header>\n\t\t<div class=\"wth-question\">Was this tutorial helpful ?<\/div>\n\t\t<div class=\"wth-thumbs\">\n\t\t\t<button\n\t\t\t\tdata-post=\"1507\"\n\t\t\t\tdata-post-url=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-object-oriented-frame\/\"\n\t\t\t\tdata-post-title=\"Tkinter Object-Oriented Frames\"\n\t\t\t\tdata-response=\"1\"\n\t\t\t\tclass=\"wth-btn-rounded wth-yes-btn\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\tclass=\"feather feather-thumbs-up block w-full h-full\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\n\t\t\t\t\t><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<span class=\"sr-only\"> Yes <\/span>\n\t\t\t<\/button>\n\n\t\t\t<button\n\t\t\t\tdata-response=\"0\"\n\t\t\t\tdata-post=\"1507\"\n\t\t\t\tdata-post-url=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-object-oriented-frame\/\"\n\t\t\t\tdata-post-title=\"Tkinter Object-Oriented Frames\"\n\t\t\t\tclass=\"wth-btn-rounded wth-no-btn\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17\"\n\t\t\t\t\t><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<span class=\"sr-only\"> No <\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t<\/header>\n\n\t<div class=\"wth-form hidden\">\n\t\t<div class=\"wth-form-wrapper\">\n\t\t\t<div class=\"wth-title\"><\/div>\n\t\t\t<textarea class=\"wth-message\"><\/textarea>\n\t\t\t<input type=\"button\" name=\"wth-submit\" class=\"wth-btn wth-btn-submit\" id=\"wth-submit\" \/>\n\t\t\t<input type=\"button\" class=\"wth-btn wth-btn-cancel\" value=\"Cancel\" \/>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, you&#8217;ll learn how to inherit from the ttk.Frame class and use it in the root window.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1232,"menu_order":42,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1507","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages\/1507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/comments?post=1507"}],"version-history":[{"count":0,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages\/1507\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages\/1232"}],"wp:attachment":[{"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/media?parent=1507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}