PC-app-development

Introduction

• 1. Introduction
  • 1.1. PC-app-development
  • 1.2. Home pages:
  • 1.3. Key Tkinter references:
  • 1.4. Key Anvil references:
  • 1.5. Key Pyscript references:

Tkinter basics

• 1. Introduction to tkinter
  • 1.1. Key references:
  • 1.2. Version checks
• 2. Importing tkinter
  • 2.1. tkinter recommended import
  • 2.2. tkinter import everything
  • 2.3. tkinter import
• 3. Creating a window with tkinter
  • 3.1. tkinter basic window
• 4. tkinter options
  • 4.1. Setting Options for tk widgets
  • 4.2. At object creation time
  • 4.3. After object creation
  • 4.4. Example code
• 5. Custom font
  • 5.1. Simple Font
  • 5.2. Custom Font
• 6. tkinter constants
  • 6.1. Useful constants
  • 6.2. Other constants
  • 6.3. Booleans
  • 6.4. -tabs
  • 6.5. -align
  • 6.6. -bordermode
  • 6.7. Special tags, marks, and insert positions
  • 6.8. Canvas state
  • 6.9. Example usage
  • 6.10. Syntax
• 7. tk messagebox

geometry

• 1. tk geometry pack
  • 1.1. pack
  • 1.2. Options for the pack() geometry manager
• 2. tk geometry grid
  • 2.1. grid
  • 2.2. Example code
• 3. tk geometry place
  • 3.1. place
  • 3.2. Sample code
• 4. tkinter geometry Hello World
  • 4.1. Hello World - pack
  • 4.2. Hello World - grid
  • 4.3. Hello World - place
• 5. tkinter geometry Cost Calculator
  • 5.1. Cost Calculator - pack
  • 5.2. Cost Calculator - grid
  • 5.3. Cost Calculator - place

tk widgets

• 1. Tkinter widgets
  • 1.1. Common Tkinter widgets
  • 1.2. Themed ttk widgets
  • 1.3. Choosing the right widget
• 2. tk Button
  • 2.1. Usage
  • 2.2. Sample button
  • 2.3. Methods
  • 2.4. Parameter syntax
  • 2.5. Default options
• 3. tk Canvas
  • 3.1. Usage
  • 3.2. Using a Canvas
  • 3.3. Common Drawing Methods
  • 3.4. Canvas Methods
  • 3.5. Parameter syntax
  • 3.6. Default options
• 4. tk Checkbutton
  • 4.1. Usage
  • 4.2. Using check buttons
  • 4.3. Methods
  • 4.4. Control variable methods
  • 4.5. Parameter syntax
  • 4.6. Default options
• 5. tk Entry
  • 5.1. Usage
  • 5.2. Entry example
  • 5.3. Entry methods
  • 5.4. Option details
  • 5.5. Default options
• 6. tk Frame
  • 6.1. Usage
  • 6.2. Sample Frame
  • 6.3. Parameter syntax
  • 6.4. Default options
• 7. tk Label
  • 7.1. Usage
  • 7.2. Text
  • 7.3. Font
  • 7.4. Text color
  • 7.5. Background color
  • 7.6. Padding
  • 7.7. Anchor
  • 7.8. Height and width
  • 7.9. Border
  • 7.10. Options
• 8. tk Listbox
  • 8.1. Usage
  • 8.2. Selection modes
  • 8.3. Indices
  • 8.4. Using a listbox widget
  • 8.5. Listbox methods
  • 8.6. Common tasks
  • 8.7. Option details
  • 8.8. Default options
• 9. tk Menu
  • 9.1. Overview
  • 9.2. Sample Menu
  • 9.3. Common Menu Methods
  • 9.4. Parameter syntax
  • 9.5. Default options
• 10. tk Menubutton
  • 10.1. Overview
  • 10.2. Sample Menubutton
  • 10.3. Common Menubutton Methods
  • 10.4. Menubutton methods
  • 10.5. Parameter syntax
  • 10.6. Default options
• 11. tk Message
  • 11.1. Usage
  • 11.2. Message example
  • 11.3. Message methods
  • 11.4. Option details
  • 11.5. Default options
• 12. tk Optionmenu
  • 12.1. Usage
  • 12.2. Full constructor
  • 12.3. Sample OptionMenu
  • 12.4. Methods
  • 12.5. Parameter syntax
  • 12.6. Default options
• 13. tk PanedWindow
  • 13.1. Usage
  • 13.2. Sample PanedWindow
  • 13.3. Methods
  • 13.4. Parameter syntax
  • 13.5. Default options
• 14. tk Radiobutton
  • 14.1. Usage
  • 14.2. Using radio buttons
  • 14.3. Methods
  • 14.4. Control variable methods
  • 14.5. Parameter syntax
  • 14.6. Default options
• 15. tk Scale
  • 15.1. Usage
  • 15.2. Using a scale
  • 15.3. Methods
  • 15.4. Control variable methods
  • 15.5. Parameter syntax
  • 15.6. Default options
• 16. tk Scrollbar
  • 16.1. Usage
  • 16.2. Using a Scrollbar
  • 16.3. Methods
  • 16.4. Parameter syntax
  • 16.5. Default options
• 17. tk Spinbox
  • 17.1. Usage
  • 17.2. Using a Spinbox
  • 17.3. Methods
  • 17.4. Control variable methods
  • 17.5. Parameter syntax
  • 17.6. Default options
• 18. tk Text
  • 18.1. Usage
  • 18.2. Text widget example
  • 18.3. Methods
  • 18.4. Parameter syntax
  • 18.5. Default options
• 19. tk Toplevel
  • 19.1. Usage
  • 19.2. Sample Toplevel
  • 19.3. Methods
  • 19.4. Window methods
  • 19.5. Parameter syntax
  • 19.6. Default options

Themed widgets

• 1. Importing tkinter themed widgets
  • 1.1. Classic Tk Widgets:
  • 1.2. Themed Tk Widgets (ttk):
  • 1.3. Advantages of Using Themed Widgets:
  • 1.4. Themed Widgets:
  • 1.5. Comparison of Classic Tk Widgets and Themed Tk Widgets
  • 1.6. New Themed Tk Widgets
• 2. ttk Themes Introduction
  • 2.1. Current theme
  • 2.2. All themes
  • 2.3. Set theme
• 3. ttk Label
  • 3.1. Usage
  • 3.2. Text
  • 3.3. Font
  • 3.4. Padding
  • 3.5. Styling
  • 3.6. Options
• 4. ttk Entry
  • 4.1. Usage
  • 4.2. Entry example
  • 4.3. Option details
• 5. ttk Button
  • 5.1. Usage
  • 5.2. Sample button with ttk Styling
  • 5.3. Parameter & Style Syntax
  • 5.4. Inspecting Element Layout Options
• 6. tk Radiobutton
  • 6.1. Usage
  • 6.2. Using radio buttons
  • 6.3. Parameter syntax
• 7. tk Checkbutton
  • 7.1. Usage
  • 7.2. Using check buttons
  • 7.3. Parameter syntax
• 8. ttk Frame
  • 8.1. Usage
  • 8.2. Sample Frame
  • 8.3. Parameter syntax
  • 8.4. Theme Customization Options (via ttk.Style)
  • 8.5. Default options

tk widgets interactions

• 1. tk command binding
  • 1.1. Overview
  • 1.2. Basic Syntax
  • 1.3. Example 1: Button Command Binding
  • 1.4. Example 2: Using Lambda for Arguments
  • 1.5. Example 3: Using Tkinter Variables (DoubleVar)
  • 1.6. Common Widgets Supporting command
  • 1.7. command vs bind()
  • 1.8. Using command
  • 1.9. Key Differences
  • 1.10. Summary
• 2. Label textvariable: toggle text
  • 2.1. Toggle text via button
• 3. Label textvariable: Increment integers
  • 3.1. Increment label integer via buttons
• 4. Label textvariable: Increment floats
  • 4.1. Increment label float via buttons
• 5. Label textvariable: Increment integers with binding modifiers
  • 5.1. Increment label integer via buttons with modifiers
• 6. Counter: integers
  • 6.1. Required Syntax
• 7. Counter: floats
  • 7.1. Required Syntax
• 8. Counter: integers with modifiers
  • 8.1. Required Syntax
• 9. Modify via checkbox
  • 9.1. Required Syntax
  • 9.2. cget method for text
  • 9.3. Binary
• 10. Modify via radiobutton
  • 10.1. Required Syntax
• 11. Entry Validation for numbers
  • 11.1. Usage
  • 11.2. Using a variable for the text of an entry widget
  • 11.3. Validation via the validate option
  • 11.4. Email validation
• 12. Using Entry Boxes in Tkinter
  • 12.1. Validating Input (Numbers Only)

tk apps

• 1. Inches to cm
  • 1.1. Create the Main Window
  • 1.2. Create Widgets
  • 1.3. Place Widgets in the Window
  • 1.4. Define Constants for formatting
  • 1.5. Format Widgets
  • 1.6. Define the Conversion Function
  • 1.7. Connect the Button to the Function
  • 1.8. Full code
  • 1.9. Inches to Centimeters Test Table
• 2. Fahrenheit to Celsius
  • 2.1. Basic window setup
  • 2.2. Create Widgets
  • 2.3. Position the Widgets
  • 2.4. Add Widget formatting
  • 2.5. Define the Conversion Function
  • 2.6. Connect the Button to the Function
  • 2.7. Full Code
  • 2.8. Fahrenheit to Celsius Test Table
• 3. Pounds to kgs task
  • 3.1. Hint:
• 4. Pounds to kgs
  • 4.1. Create the Main Window
  • 4.2. Define Formatting Constants
  • 4.3. Create Widgets
  • 4.4. Place Widgets in the Window
  • 4.5. Define the Conversion Function
  • 4.6. Connect the Button to the Function
  • 4.7. Full code
  • 4.8. Lbs-to-Kg Test Table
• 5. Name and age task
  • 5.1. Hints:
• 6. Name and age
  • 6.1. Code summary
  • 6.2. Create the main window:
  • 6.3. Create the widgets
  • 6.4. Grid Placement of widgets on the window:
  • 6.5. Define the place_name_age function:
  • 6.6. Full code
  • 6.7. Test Table
• 7. Login form task
  • 7.1. Special features
• 8. Login form
  • 8.1. Use summary
  • 8.2. Create the Main Window
  • 8.3. Define Constants
  • 8.4. Create the Login Function
  • 8.5. Create Widgets
  • 8.6. Arrange Widgets
  • 8.7. Full code
• 9. Login form: custom message box
  • 9.1. Custom top level window for a message box
  • 9.2. Key features
  • 9.3. Full code
  • 9.4. Locked parent version
• 10. AFL premiers
  • 10.1. Python terminal game
  • 10.2. Python tk game
• 11. RPG inventory
  • 11.1. Python terminal game
  • 11.2. Python tkinter version
  • 11.3. Functions in more detail

tk pizza orders tutorial

• 1. Pizza orders
  • 1.1. Tutorial Outline
• 2. Create a window
  • 2.1. Introduction to Tkinter
  • 2.2. Creating a Basic Window
• 3. Add Customer Label and Entry Widget
  • 3.1. Adding Labels
  • 3.2. Adding Entry Widgets
  • 3.3. Positioning Widgets Using Grid Layout
• 4. Add Radio Buttons for Pizza Types
  • 4.1. Introduction to Radio Buttons
  • 4.2. Creating and Positioning Radio Buttons for Pizza Type
• 5. Add Radio Buttons for pizza sizes and OptionMenu for quantity
  • 5.1. Creating and Positioning Radio Buttons for Pizza Sizes
  • 5.2. Creating and Positioning the OptionMenu
• 6. Add Costs
  • 6.1. Define prices for pizzas
  • 6.2. Adding Cost Display Fields
  • 6.3. Calculating the cost based on selection.
  • 6.4. Updating Costs Dynamically Based on Selections
• 7. Add Orders
  • 7.1. Creating an Add Order Button
  • 7.2. Importing messagebox
  • 7.3. Adding an Orders List
  • 7.4. Writing the add_order Function
• 8. Display Orders
  • 8.1. Adding a Listbox Widget to Display Orders
  • 8.2. Display the orders as a list
  • 8.3. Updating the Orders List Dynamically
• 9. Deleting Orders
  • 9.1. Creating a Delete Order Button
  • 9.2. Creating a Cancel Order Button
  • 9.3. Writing the delete_selected_pizza Function
  • 9.4. Writing the cancel_order Function
• 10. Final Touches and Styling
  • 10.1. Expanding Pizza prices dictionary
  • 10.2. Updating Pizza type to use prices dictionary
  • 10.3. Adding Font and colour variables
  • 10.4. Adding font and colour settings to tkinter widgets
  • 10.5. Adding color to the Orders list total
  • 10.6. Final Testing
• 11. Extensions
  • 11.1. Add customer mobile
  • 11.2. Add descriptions
  • 11.3. Add crust type
  • 11.4. Add drinks

Anvil use

• 1. Anvil Introduction
  • 1.1. Sign up
  • 1.2. App editor
  • 1.3. Key references:
• 2. First steps
  • 2.1. Do the tutorials
  • 2.2. Become familiar with the docs
  • 2.3. As you use components:
  • 2.4. useful tips:

Anvil apps

• 1. Name and age
  • 1.1. Design
  • 1.2. Get started
  • 1.3. Settings
  • 1.4. Build interface
  • 1.5. Output Code
  • 1.6. Event Code
  • 1.7. Final Code
• 2. Hailstone numbers
  • 2.1. References
  • 2.2. Design
  • 2.3. Get started
  • 2.4. Settings
  • 2.5. Build interface
  • 2.6. Initial Code
  • 2.7. Event Code
  • 2.8. Hailstone Code
  • 2.9. Checking the input
  • 2.10. Generate Code
  • 2.11. Final Code
• 3. Fibonacci numbers
  • 3.1. References
  • 3.2. Design
  • 3.3. Get started
  • 3.4. Settings
  • 3.5. Build interface
  • 3.6. Initial Code
  • 3.7. Event Code
  • 3.8. Fibonacci Code
  • 3.9. Checking the input
  • 3.10. Generate Code
  • 3.11. Final Code
• 4. Sportsmen
  • 4.1. References
  • 4.2. Design
  • 4.3. Code
  • 4.4. radio button click handler
  • 4.5. Code
  • 4.6. Final Code
• 5. Temperature converter
  • 5.1. Get started
  • 5.2. Settings
  • 5.3. Build the first part of the interface
  • 5.4. Code
  • 5.5. Final Code
• 6. Temperature converter2
  • 6.1. References
  • 6.2. Key components
  • 6.3. Add image to left
  • 6.4. Vertically Centre the temperature fields
  • 6.5. Change Convert button to an icon button
  • 6.6. Create CtoF up arrow button
  • 6.7. Refactor code to calculate F to C
  • 6.8. Add Code for Fahrenheit enter key
  • 6.9. Create code to calculate C to F
  • 6.10. Add Code for celsius enter key
  • 6.11. Final code
• 7. Temperature converter3
  • 7.1. Multi Temperature converter
  • 7.2. Design
  • 7.3. Code
• 8. Insult generator
  • 8.1. Design
  • 8.2. Get started
  • 8.3. Settings
  • 8.4. Build interface
  • 8.5. Initial Code & Event Code
  • 8.6. Insult maker
  • 8.7. Final Code
  • 8.8. Adding Bad and Nice Santa
  • 8.9. Themes, Roles, Colour Schemes and theme.css
• 9. Rectangle area
  • 9.1. Get started
  • 9.2. Key components
  • 9.3. Event Code
  • 9.4. Calculation
  • 9.5. Final Code
• 10. Force components
  • 10.1. Get started
  • 10.2. Key components
  • 10.3. Event Code
  • 10.4. Calculation
  • 10.5. Final Code
• 11. Displacement calculator
  • 11.1. Get started
  • 11.2. Design
  • 11.3. Calculation
  • 11.4. Final Code
• 12. Rock paper scissors
  • 12.1. App Theme
  • 12.2. Assets
  • 12.3. Components
  • 12.4. Client Code
• 13. Christmas Jokes
  • 13.1. App Theme
  • 13.2. Assets
  • 13.3. Components
  • 13.4. Table of jokes
  • 13.5. Client Code first version
  • 13.6. Code Notes
  • 13.7. Client Code final version
• 14. Breathe
  • 14.1. App Theme
  • 14.2. Settings
  • 14.3. Assets
  • 14.4. Forms and modules
  • 14.5. From1
  • 14.6. Info form
  • 14.7. Sounds form
  • 14.8. Settings form
  • 14.9. Sliders form
  • 14.10. breathing_settings module
  • 14.11. voice_bootstrap module
  • 14.12. Theme: Roles
  • 14.13. Custom css

Anvil_youtube

• 1. Feedback Form
  • 1.1. References
  • 1.2. Get started
  • 1.3. Settings
  • 1.4. Build first part of interface
  • 1.5. Build Data Table
  • 1.6. Build the Server Code
  • 1.7. Build the Submit Code
  • 1.8. Form Code
• 2. iPhone Calculator
  • 2.1. References
  • 2.2. Get started
  • 2.3. Settings
  • 2.4. Build first part of interface
  • 2.5. Add code for buttons
  • 2.6. Code for buttons step 1
  • 2.7. Code for buttons step 2
  • 2.8. Code for buttons step 3
  • 2.9. Code for buttons step 4
  • 2.10. Code for buttons click method
  • 2.11. Code for buttons step 5
  • 2.12. Final code

pyscript use

• 1. Introduction to pyscript
  • 1.1. Key references:
  • 1.2. Sign up
  • 1.3. New project
  • 1.4. Project files
  • 1.5. toml file
  • 1.6. favicon.ico file
  • 1.7. index.html
  • 1.8. Terminal
• 2. Browser elements
  • 2.1. Getting and setting input and output elements
  • 2.2. querySelector v getElementById
  • 2.3. when decorator in python
  • 2.4. Output to the browser window

pyscript apps

• 1. Elves
  • 1.1. Files
  • 1.2. toml configuration file
  • 1.3. index.html
  • 1.4. main css:
  • 1.5. main.py
• 2. Superheroes
  • 2.1. Files
  • 2.2. toml configuration file
  • 2.3. index.html
  • 2.4. main css:
  • 2.5. main.py
• 3. Temperature converter
  • 3.1. Files
  • 3.2. toml configuration file
  • 3.3. index.html
  • 3.4. main css:
  • 3.5. main.py
• 4. Reindeer
  • 4.1. Game features
  • 4.2. Files
  • 4.3. toml configuration file
  • 4.4. index.html
  • 4.5. main css:
  • 4.6. main.py
• 5. Jokes
  • 5.1. Files
  • 5.2. toml configuration file
  • 5.3. index.html
  • 5.4. loading html
  • 5.5. main css:
  • 5.6. main.py
• 6. Christmas Jokes
  • 6.1. Files
  • 6.2. toml configuration file
  • 6.3. index.html
  • 6.4. loading html
  • 6.5. main css:
  • 6.6. main.py