kivyblocks/README.md

# KivyBlocks
Can you ever image build a gui application like play Lego blocks? kivyblocks just try to provide programmer a tool to build a application like play lego blocks

kivyblocks base on the python package 'kivy', which is a cross platform GUI package and can play on window, linux, mac OS x, android and iphone

## Requirement

[appPublic](https://github.com/yumoqing/appPublic)
[kivycalendar](https://github.com/yumoqing/kivycalendar)
[kivy](https://github.com/kivy/kivy)
...
see the [requirements.txt](./requirements.txt)

## Principle

There is a BlocksApp(inherited from App) in kivyblocks contains a all widgets can be created by Blocks, and the Blocks creates widgets according a customized json data, the data can download from application server or local filesystem. 
The Customized json data has it own format to descript the UI and it's interaction. please see the "Customized json data" section for further information.

## installation
```
pip install git+https://github.com/yumoqing/kivyblocks
```
Use above command to install the newest version of kivyblocks
## How to use
see the simple example below:
```
import sys
import os
from appPublic.folderUtils import ProgramPath
from appPublic.jsonConfig import getConfig

from kivyblocks.blocksapp import BlocksApp
from kivyblocks.blocks import Blocks

class TestApp(BlocksApp):
	def build(self):
		b = super(TestApp, self).build()
		widget_desc = {
			"widgettype":"VBox",
			"options":{},
			"subwidgets":[
				{
					"widgettype":"Title1",
					"options":{
						"otext":"Say Hello",
						"i18n":True,
						"size_hint_y":None,
						"height":"py::CSize(2)"
					}
				},
				{
					"widgettype":"Text",
					"options":{
						"i18n":True,
						"otext":"Hello KivyBlocks"
					}
				}
			]
		}
		blocks = Blocks()
		x = blocks.widgetBuild(widget_desc)
		return x

if __name__ == '__main__':
	pp = ProgramPath()
	workdir = pp
	if len(sys.argv) > 1:
		workdir = sys.argv[1]
	print('ProgramPath=',pp,'workdir=',workdir)

	config = getConfig(workdir,NS={'workdir':workdir,'ProgramPath':pp})
	myapp = TestApp()
	myapp.run()
```
if you running it on window, it will show the following:
![hello](./docs/imgs/hello_window.png)

## BlocksApp
inherited from kivy.app.App, for kivyblocks, it get root widget description dictionary from kivyblocks app's json configuration file, and uses Blocks to build the app's root widget.

## Blocks
A class to constructs all the GUI Widgets in kivyblocks from a widget description dictionary, 
The Blocks class is register in kivy.factory.Factory, so you can get Blocks class use following script:
```
from kivy.factory import Factory

Blocks = Factory.Blocks
```
### getWidgetById get widget by id
#### Syntax
getWidgetById(id:str, from_widget:Widget) -> Widget
#### Description
getWidgetById find the widget identified by "id", the widgets can be found, cause it have a "id" attribute in the widget description dictionary.
#### Use Case
get app
```
app = Factory.Blocks.getWidgetById('app')
```

get root widget
```
root = Factory.blocks.getWidgetById('root')
```
get Window 
```
w = Factory.Blocks.getWidgetById('Window')
```
find app.root descendant widget with widget_id is 'myid' 
```
Factory.Blocks.getWidgetById('root.myid')
```
find specified widget's descendant widget
```
from_w = Factory.Blocks.getWidgetById('root.one_id')
w = Factory.Blocks.getWidgetById('mychild', from_widget=from_w)
```
find a widget, widget_id is 'descendant' which has a ancester widget_id is 'myancester' and it is from_widget widget's ancester. 
```
from_w = Factory.Blocks.getWidgetById('root.one_id')
w = Factory.Blocks.getWidgetById('-myancester.descendant', from_widget=from_w)
```

getWidgetById(id:str, from_widget:Widget) -> Widget
#### Arguments:
* id a '.' splited string, each part must be a widget_id in the widget tree 
if id part is start with a '-', it mean to find widget upward, else it find widget downward

* from_widget, default is None, it mean find widget from app.root

#### Return
if widget found, return the found widget, else return None

### widgetBuild()
#### Syntax
x = widgetBuild(desc)

#### Use Case

#### Arguments
* desc
widget description dictionary(wdd), it has the following attributes:
** widgettype
A string, the name of widget class registered by kivyblocks into kviy.factory.Factory
** options
A dictionary, it is the **kwargs argument of __init__() method of the class
** subwidgets:
a list, contains one or more wdd or id, when wdd mean widget description dictionary, and string mean the id can be find with Factory.Blocks.getWidgetById()
** binds
a list of dictionary, each items bind a event to a action or actions
for further information, please read use case of this function

** any other attributes will be handle like a wdd, use to build a widget and the attributes key will be the attribute name of the class instance.

#### Return
if success, return the widget, else return None
## Registered class
### Hierarchy
### Menu
### DataGrid
### Toolbar
### PagePanel
### ToolPage
### Form
### Charts
### Video
### FFVideo
### CircleProgress
### BlocksTest
### DefaultImage
### CommandBox
### Text
### TinyText
### PriceView
### SingleCheckBox
### ClickableBox
### ClickableText
### ClickableIconText
### ToggleText
### ToggleIconText
### ClickableImage
### ToggleImage
### CircleProgress
### PyInterpreter
### UploadFile
### FFVideo
### AnchorBox
### FloatBox
### RelativeBox
### GridBox
### PageBox
### ScatterBox
### StackBox
### DateInput
### HTTPSeriesData
### HTTPDataHandler
### PageLoader
### UdpWidget
### ScrollPanel
### TextInput
### CameraWithMic
### CustomCamera
### QrReader
### Markdown
### PagePanel
### Conform
### Popup
### MapView
### DataGrid
### FileLoaderBrowser
### KivyCamera
### QRCodeWidget
### TabsPanel
### TwoSides
### PageContainer
### BoxViewer
### Form
### StrSearchForm
### VPlayer
### DataGrid
### Toolbar
### ToolPage
### HTTPDataHandler
### Text
### ScrollWidget
### BinStateImage
### JsonCodeInput
### FloatInput
### IntegerInput
### StrInput
### SelectInput
### BoolInput
### Messager
### LoginForm
### PressableImage
### PressableLabel
### Tree
### TextTree
### MenuTree
### PopupMenu
### HostImage
### APlayer
### WrapText
### PressableBox
### Title1
### Title2
### Title3
### Title4
### Title5
### Title6
### Modal
### TimedModal
### HBox
### VBox
### SwipeBox
### ToggleItems
### ExAccordion
### Slider
### PhoneButton
### AWebView
## Documents
[中文文档](./docs/cn/index.md)
[English](./docs/en/index.md)

## references

Build app for android please see [Buildozer](https://github.com/kivy/buildozer)
kivy introduct and API please see [kivy](https://kivy.org)

## Changelog
[changelog](docs/changelog.md)