villares / material-aulas

Material para ensino introdutório de programação com Python em um contexto visual
https://abav.lugaralgum.com/material-aulas/
97 stars 70 forks source link

Como trabalhar com um tela de dimensões variáveis ("design responsivo") #35

Closed vdestri closed 10 months ago

vdestri commented 4 years ago

<<Documentar como redimensionar a tela de desenho e boas práticas de levar em consideração um tamanho variável de tela no código ("design responsivo")>>

villares commented 4 years ago

Desculpe, não entendi no começo (faltou um pouco o contexto incialmente sem a descrição)

A minha reação foi ruim e brusca, fechei a issue. Com o seu comentário seguinte acho que eu entedi melhor, reabri a issue e então editei lá o primeiro comentário acrescentado como eu entendi. Fique a vontade para mudar também.

vdestri commented 4 years ago

Não dá pra fazer aquele rolê das bolinhas quicantes de modo que ela se adapte à tela?

villares commented 4 years ago

Sim, é possível mudar o tamanho da tela, e se você sempre trabalhar com o desenho pensando nas regras (como quicar as bolinhas) em termos do width e height da área de desenho, o sketch se torna "responsivo", no sentido de se adaptar a tela.

Tem um pouco de documentação sobre isso aqui: https://github.com/villares/py.processing-play/blob/ad5c9f9c06f7f3e47e3edc1fb1478357da22cbe6/advanced_and_window_stuff/resizable_surface_py/resizable_surface_py.pyde

A ponte com a ideia de "design responsivo" é muito pertinente e isso merece sim uma discussão detalhada neste material.

villares commented 4 years ago

Acho que avançamos um pouco nessa issue com a criação desta página aqui: https://github.com/villares/material-aulas/blob/master/Processing-Python/mais_que_size.md

Mas faltaria uma discussão de como desenhar sempre usando valores relativos, sobre tamanho da fonte e como mudar a estratégia de distribuição do texto quando não 'cabe' mais.

villares commented 10 months ago

Daria pra fazer exemplos melhores mas, mas acrescentei um exemplo de window_ratio() e vou fechar esta issue.

https://github.com/villares/material-aulas/blob/main/Processing-Python-py5/mais_que_size.md