GUI in crowdsourcing. Open beta testing. - pagina 7

[Реter Konow]

Probabilmente non ha senso continuare a imparare il linguaggio di markup. Perché no? Oggi è diventato ovvio che il costruttore visivo lo sostituirà. Non avrei mai pensato che il suo design sarebbe diventato così chiaro, ma è così. Un peccato, certo, ma questo era il piano. Descriverò brevemente le funzionalità e i principi dell'editor:

1. Tre funzioni di base, (come i tre elefanti che reggono il Mondo):

• Aggiungere un elemento al nucleo.
• Rimuovere un elemento dal nucleo.
• Sposta un elemento all'interno del nucleo.

Due funzioni per modificare gli elementi:

• Imposta la messa a fuoco della modifica.
• Modifica articolo.

3. Funzioni che permettono di lavorare con i progetti:

• Progetto di carico.
• Salvare il progetto.

Le finestre necessarie per l'editor. 4:

• Selezione dei controlli.
• Selezionare la messa a fuoco.
• Selezione delle proprietà.
• Finestre per selezionare i valori di diverse proprietà (colori, cornici, caratteri...).
• Finestre per impostare i parametri per le tabelle, gli elenchi e i menu creati.
• Finestre di conferma per le azioni.

Ora, un po' di spiegazioni:

• Funzione per aggiungere un elemento al nucleo: come sapete, il nucleo è diviso in due aree - standard e utente. Quella regolare contiene i prototipi degli elementi (all'interno della finestra di selezione). In caso di trasferimento dell'elemento alla finestra utente, la dimensione della parte utente del kernel viene aumentata e lo spazio libero viene riempito con il modello dell'elemento dall'area staff. Successivamente, l'ordine di numerazione degli oggetti nel kernel viene riscritto e il nuovo elemento prende il suo posto. La parte più difficile è riscrivere correttamente il kernel, poiché molti parametri sono coinvolti in questo cambiamento.

• La funzione di rimozione di un elemento è essenzialmente una funzione invertita di aggiunta di un elemento. È la stessa cosa, solo al contrario.

• La funzione move element all'interno del kernel manipola essenzialmente le due funzioni descritte sopra.

• La funzione più importante del mio editor è la funzione edit focus. Cos'è: l'utente seleziona gli elementi, gli oggetti e le proprietà che saranno modificati. Ecco come si fa: cliccando su un elemento lo si mette automaticamente a fuoco e poi usando la finestra di commutazione del fuoco, si possono mettere a fuoco tutti gli elementi di quel tipo, o un singolo oggetto all'interno di un elemento o un insieme selezionato di elementi. Cioè, si può alternare l'obiettivo di modifica. Diciamo che selezioniamo 'questo elemento' e 'base' come focus, e gli editor lavorano con le proprietà di quella base, e se prendiamo 'Tipo di elemento nella finestra' e 'Testo' come focus, gli editor modificano le proprietà di tutti gli elementi di testo nella finestra. E così via. Si possono rendere disponibili più opzioni di messa a fuoco per rendere l'editing comodo e veloce.

• La funzione di modifica trasferisce i valori delle proprietà degli elementi modificati ai parametri degli editor che lavorano con i valori risultanti, e poi, li restituisce alle proprietà originali, dopo di che ridisegna gli elementi modificati.

• La funzione Load Project è un'inversione della funzione Save Project, che funziona con successo nel costruttore (chiamato dal menu e stampa il file "CORES"). Prende i nuclei salvati dal file e li rimette nell'area utente da dove sono stati scaricati nel file.

• Le finestre necessarie per l'editor sono in parte già presenti. Qualche tempo fa, ho creato un video su visual studio, dove ho mostrato la creazione del suo prototipo. Tutte le finestre necessarie sono state scritte in un linguaggio di markup. Quindi, mi fa risparmiare tempo e fatica.
• Inoltre, da qualche parte negli archivi c'è una funzione di cornice blu, che seleziona gli elementi da modificare.
• Ci sono già funzioni per ridimensionare gli elementi (mostrato nella gif) e spostare gli elementi, che è una parte cruciale del processo di editing.

Questo è tutto. È una realtà assoluta. Così, il linguaggio di markup si sta allontanando da noi... Sono personalmente triste...

[Nikolai Semko]

Реter Konow:

Probabilmente non ha senso continuare a imparare il linguaggio di markup. Perché no? Oggi è diventato ovvio che il costruttore visivo lo sostituirà. Non avrei mai pensato che il suo design sarebbe diventato così chiaro, ma è così.

Urrà!
Io e te ne abbiamo già parlato quasi 3 anni fa :))

[Реter Konow]

Martedì presenterò una versione minima del vis-editor. Creerà una finestra, aggiungerà elementi (uno alla volta), modificherà la posizione, la dimensione, il colore (ancora nessun focus di fantasia) e salverà nel progetto. Il lavoro sul resto delle cose richiederà fino alla fine del mese, credo. Forse un po' più a lungo. L'editor sarà disponibile per tutti.

[Реter Konow]

Nikolai Semko:

Evviva!
Io e te ne abbiamo già parlato quasi 3 anni fa :))

Sì, Nikolai:)) È successo!))

[Vladislav Andruschenko]

Nikolai Semko:

Evviva!
Io e te ne abbiamo già parlato quasi 3 anni fa :))

L'ho detto anche io, che è più facile scrivere un progetto su plushies o embarcadero che insegnare markup.....

[Реter Konow]

Stasera (tra circa 5 ore...) presenterò un prototipo funzionante dell'editor visuale, dove è possibile aggiungere elementi e modificare le proprietà in modalità "manuale". Vi invito a provarlo e a dare la vostra opinione. Il suo sviluppo si sta muovendo ad una velocità enorme, cosa che non avevo previsto, e quello che vedrete è solo l'inizio. Pertanto, non giudicatelo duramente. La sua funzionalità può moltiplicarsi e migliorare molte volte in poche settimane.

[Реter Konow]

Pubblicato.

Istruzioni rapide:

Scompatta l'archivio e installa il consulente KIB_Studio.ex5 nella cartella degli esperti e l'indicatore Empty_window.ex5 nella cartella degli indicatori. Esegui prima il consulente, poi l'indicatore.

1. Apparirà la finestra del menu. Contiene controlli di base.

2. Dopo che l 'indicatore è stato caricato, apparirà una finestra vuota per la modifica.

3. Trascinate gli elementi dalla finestra del menu sul kanvas della finestra vuota e modificateli.

La modifica include le seguenti opzioni:

1. ridimensionamento degli oggetti (la base degli elementi (pulsanti) e dei testi). Alcune voci non cambiano alcuni dei loro parametri. Questo viene fatto per mantenere la loro integrità. Per esempio, la lista popup non cambia l'altezza e la posizione del suo testo e i parametri del suo pulsante.

2. Spostamento di elementi sulla tela. Puoi spostare sia l'intero elemento che le sue parti (di nuovo - non per tutti gli elementi). Per un elemento, il movimento è limitato dal kanvas, e per i suoi oggetti interni - dallo spazio della sua base. La correzione è automatica.

3. aprire le finestre di selezione dei colori, dei caratteri e delle icone cliccando sulla scheda "Proprietà principali" del menu. Per modificare un oggetto, cliccate su di esso e poi cliccate sui colori, i caratteri o le icone desiderate, a seconda dell'oggetto di modifica selezionato.

4. È possibile ridimensionare il testo cliccando su di esso, con le frecce su e giù o sinistra e destra e spostando il cursore. Il testo cambierà la sua dimensione diventando più piccolo o più grande.

5. Puoi cambiare l'angolo del testo ruotandolo. Per farlo, prendete la freccia nell'angolo in alto a sinistra e tirate. La freccia punta in diagonale da sinistra a destra.

6. È possibile scrivere sugli elementi cambiando il loro testo. Per farlo, fate doppio clic sul testo. Apparirà una casella di input. Un altro clic e il testo è selezionato. Poi si può cancellare e stampare qualcos'altro.

7. Puoi spostare gli oggetti afferrando il centro del loro lato superiore quando appare un mirino.

[Nikolai Semko]

Ben fatto, Peter!
È stato fatto molto lavoro.

Un inizio è stato fatto.
Il file con il codice viene generato? Non sono riuscito a trovarlo.

[Реter Konow]

Nikolai Semko:

Ben fatto Piotr!
Un buon lavoro fatto.

L'inizio è stato fatto.
Il file con il codice è stato generato? Non l'ho trovato.

Grazie, Nikolai.

I file di avvio e di api sono generati attraverso il menu principale (doppio clic sul grafico), ma non vale ancora la pena provare in questa versione. Il motore deve essere aggiornato lì e non tutto viene fatto nello studio stesso. È un po' presto. Entro la fine del mese cercherò di portare tutte le caratteristiche della lingua all'editor.

[Alexandr Andreev]

che tutto vada nella solita impostazione di stile. Ci sono alcuni momenti, come il pulsante di collegamento, il pulsante di hover, il pulsante di clic e solo il pulsante. E per ogni momento di solito fanno i loro stili, o un misto di essi.

A dire il vero, non ho sempre capito in queste cose come organizzare l'impostazione del codice eseguito per un pulsante. In modo che sia anche visivo. E anche con i propri controlli del codice per gli errori.

Un vivido esempio di tale lavoro sarebbe la creazione di un menu per la creazione di un menu. Cioè, se graficamente sarà possibile fare il menu di sinistra o di destra con codice embed per così dire al volo.

O sta solo generando pulsanti in code....?