https://github.com/victordeon/kivy-tutorial
Tutorial do microserviço UI Kivy
https://github.com/victordeon/kivy-tutorial
Last synced: 3 months ago
JSON representation
Tutorial do microserviço UI Kivy
- Host: GitHub
- URL: https://github.com/victordeon/kivy-tutorial
- Owner: VictorDeon
- Created: 2024-08-15T01:03:52.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-09-09T23:52:17.000Z (9 months ago)
- Last Synced: 2025-01-12T07:46:57.798Z (5 months ago)
- Language: Python
- Size: 200 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Tutorial de Kivy
***
Baixe a extensão:
* EditorConfig for VS Code
* KvLang
* Python
***
### Kivy
***
#### Onde as configurações do kivy é criado em cada S.O
É um conjunto de propriedades que é lida pela aplicação quando a mesma é executada.
* **Windows**: C:\Users\\``\\.kivy\config.ini
* **OS X**: /Users/``/.kivy/config.ini
* **Linux**: /home/``/.kivy/config.ini
* **Android**: /data/data/org.kivy.launcher/files/.kivy/config.ini
* **iOS**: ``/Documents/.kivy/config.ini
#### Modulo inspect
Dentro do arquivo `config.ini` podemos definir o seguinte código para fazer debug, só lembre-de remove-lo no deploy.
```
[module]
inspect =
```
Com isso dentro da aplicação ao dar `Ctrl + E` irá aparecer um widget para inserção dos elementos da tela muito útil para o desenvolvimento.
O ideal é modificar essas configurações dentro da sua aplicação caso for necessário.
```py
from kivy.config import Config
Config.set("class", "key", "value")
Config.set("modules", "inspect", "")
```
#### Modulo screen
Vamos simular as características de algum dispositivo ao executar o projeto.
```sh
# Lista os screens disponíveis
python main.py -m screen
# Simula o screen
python main.py -m screen:
```
Ao executar, será exibido no console a lista de todos os screens que estão cadastrados.
#### Modulo console
Analisa a estrutura hierarquica de componentes de uma janela.
Dentro do arquivo `config.ini` devemos definir o seguinte código, só lembre-de remove-lo no deploy.
```
[module]
console =
```
Com isso dentro da aplicação ao dar `Ctrl + E` irá aparecer um widget, nesse widget tem um botão `Tree` que nos permite ver a estrutura hierarquica de componentes da aplicação. bastente útil para desenvolvimento para ver o fluxo de passagem de telas.