Quick Tour 1 - koo1140/Buosl GitHub Wiki

Welcome to Quick Tour.

Here we will see an app created in Buosl, and we will explain each function used.


Simple Buosl app

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Output preview:

image


Now lets break down each part.

Focus on GREEN line(s).

+ window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.init (x X Position for app on screen ,y Y Position for app on screen ,w WIDTH of the app ,h HEIGHT of the app )

Values reasoning:

  • buosl.default is a placeholder for OriginOS default configurations.

Window Setup

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
+ window.setup ( tools )
+ window.setup ( mini-text: MyApp )
+ window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
+ window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.setup ( tools )
+ window.setup ( mini-text: The text to display when app is minimised )
+ window.setup ( themes )
+ window.setup ( topbar: The topbar preset to use ,icon: icon to use ,title: title of the app on topbar )

Values reasoning:

  • buosl.default is a placeholder for Buosl topbar version.
  • tools loads OriginOS window tools.
  • themes loads OriginOS user themes.

Window Import

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
+ window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.import ( data to load )

Values reasoning:

  • buosl_logo loads buosl logo as buosl_logo variable.

Window UI Setup

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
+ window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.ui.setup ( buosl version to set up )

Values reasoning:

  • buosl.default sets up default buosl version.

Window UI Text

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
+ window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.ui.text (x X position to add the text on the window ,y Y position to add the text on the window ,size Size of the text ,text Text to write )

Values reasoning:

  • none.

Window UI Color

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
+ window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.ui.color ( hex color code )

Values reasoning:

  • none.

Window UI Hover Color

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
+ window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.ui.hover.color ( hex color code )

Values reasoning:

  • none.

Window UI Input Text Color

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
+ window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.ui.input.text.color ( hex color code )

Values reasoning:

  • none.

Window UI Input Element

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
+ window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.ui.input (x X position for input ,y Y position for input ,w WIDTH of input ,h HEIGHT of input ,id ID_OF_INPUT ,border border radius ,text Placeholder text )

Values reasoning:

  • none.

Window UI Input Complete

Focus on GREEN line(s).

window.init (x buosl.default ,y buosl.default ,w buosl.default ,h buosl.default )
window.setup ( tools )
window.setup ( mini-text: MyApp )
window.setup ( themes )
window.import ( buosl_logo )
window.ui.setup ( buosl.default )

mainloop:
window.setup ( topbar: buosl.default ,icon: buosl_logo ,title: My Buosl App )
window.ui.text (x -100 ,y 100 ,size 10 ,text meow. :3 buosl supports text )
window.ui.color ( #333 )
window.ui.hover.color ( #00ff00 )
window.ui.input.text.color ( #ff0000 )
window.ui.input (x -100 ,y 50 ,w 120 ,h 20 ,id id_here ,border 10 ,text inputss !!! )
+ window.ui.input.complete (id id_here ,text meow )

Line syntax:

+ window.ui.input.complete (id ID_OF_THE_INPUT_TO_COMPLETE ,text Text to write in the input )

Values reasoning:

  • none.

You reached THE END of Quick Tour 1. Congratulations 🎉!

Return to Wiki Home Page