mirror of
https://github.com/rabbibotton/clog.git
synced 2025-12-06 02:30:42 -08:00
more stuff in demo 22
This commit is contained in:
parent
b020176157
commit
b112cbb059
1 changed files with 44 additions and 8 deletions
|
|
@ -7,6 +7,8 @@
|
|||
(defun on-file-count (body)
|
||||
(let ((win (create-gui-window body)))
|
||||
(dotimes (n 100)
|
||||
;; window-content is the root element for the clog-gui
|
||||
;; windows
|
||||
(create-div (window-content win) :content n))))
|
||||
|
||||
(defun on-file-browse (body)
|
||||
|
|
@ -14,23 +16,57 @@
|
|||
(browser (create-child (window-content win)
|
||||
"<iframe width=100% height=98% src='https://common-lisp.net/'></iframe>")))))
|
||||
|
||||
(defun on-file-drawing (body)
|
||||
(let* ((win (create-gui-window body))
|
||||
(canvas (create-canvas (window-content win) :width 600 :height 400))
|
||||
(cx (create-context2d canvas)))
|
||||
(set-border canvas :thin :solid :black)
|
||||
(fill-style cx :green)
|
||||
(fill-rect cx 10 10 150 100)
|
||||
(fill-style cx :blue)
|
||||
(font-style cx "bold 24px serif")
|
||||
(fill-text cx "Hello World" 10 150)
|
||||
(fill-style cx :red)
|
||||
(begin-path cx)
|
||||
(ellipse cx 200 200 50 7 0.78 0 6.29)
|
||||
(path-stroke cx)
|
||||
(path-fill cx)))
|
||||
|
||||
(defun on-file-movies (body)
|
||||
(let* ((win (create-gui-window body)))
|
||||
(create-video (window-content win) :source "https://www.w3schools.com/html/mov_bbb.mp4")))
|
||||
|
||||
(defun on-help-about (body)
|
||||
(let* ((about (create-gui-window body
|
||||
:title "About"
|
||||
:content "<div class='w3-black'>
|
||||
<center><img src='/img/clogwicon.png'></center>
|
||||
<center>CLOG</center>
|
||||
<center>The Common Lisp Omnificent GUI</center></div>
|
||||
<div><p><center>Tutorial 22</center>
|
||||
<center>(c) 2021 - David Botton</center></p></div>"
|
||||
:width 200
|
||||
:height 200)))
|
||||
(set-on-window-can-size about (lambda (obj)
|
||||
(declare (ignore obj))()))))
|
||||
|
||||
(defun on-new-window (body)
|
||||
(clog-gui-initialize body)
|
||||
(add-class body "w3-cyan")
|
||||
(let* ((menu (create-gui-menu-bar body))
|
||||
(icon (create-gui-menu-icon menu))
|
||||
(tmp (create-gui-menu-icon menu :on-click #'on-help-about))
|
||||
(file (create-gui-menu-drop-down menu :content "File"))
|
||||
(new (create-gui-menu-item file :content "Count" :on-click #'on-file-count))
|
||||
(open (create-gui-menu-item file :content "Browse" :on-click #'on-file-browse))
|
||||
(save (create-gui-menu-item file :content "Save"))
|
||||
(tmp (create-gui-menu-item file :content "Count" :on-click #'on-file-count))
|
||||
(tmp (create-gui-menu-item file :content "Browse" :on-click #'on-file-browse))
|
||||
(tmp (create-gui-menu-item file :content "Drawing" :on-click #'on-file-drawing))
|
||||
(tmp (create-gui-menu-item file :content "Movies" :on-click #'on-file-movies))
|
||||
(help (create-gui-menu-drop-down menu :content "Help"))
|
||||
(about (create-gui-menu-item help :content "About"))
|
||||
(fs (create-gui-menu-full-screen menu))))
|
||||
(tmp (create-gui-menu-item help :content "About" :on-click #'on-help-about))
|
||||
(tmp (create-gui-menu-full-screen menu))))
|
||||
|
||||
(run body))
|
||||
|
||||
(defun start-tutorial ()
|
||||
"Start turtorial."
|
||||
|
||||
(initialize #'on-new-window)
|
||||
(open-browser))
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue