Il file template.svg è una rappresentazione di modello di base. In questo file SVG, è necessario definire le aree per poter aggiungere campi al modello di modulo dettagliato dall’editor del progetto.
Ecco una versione finale:
Questo modello ha una numerazione dinamica del campo, il che significa che questo modello ti mostrerà di aggiungere un’immagine e puoi mettere tanti campi a seconda delle esigenze. Quindi, durante la creazione del modulo dettagliato nella sezione dei moduli e trascina e rilascia un campo, viene visualizzato un nuovo campo vuoto sotto il precedente per aggiungere un nuovo campo:
Apri il file template.svg con il tuo editor di codice preferito.
Concentriamoci sulle diverse parti del tuo file SVG e su cosa sarà necessario modificare .
Titolo
<title>Custom Detail form</title>
Aggiungi il titolo del tuo modello qui.
posizione, alta, larghezza e tipo dell’area
È possibile definire la posizione, l’alto e la larghezza di tutti i tuoi campi come abbiamo fatto per il tutorial di visualizzazione di lista personalizzati.
Proprietà del campo
//1<g visibility="hidden" ios:dy="35">//2<rect class="bg field" x="14" y="0" width="238" height="30"/>//3<textArea class="label" x="14" y="8" width="238">field</textArea>//4<rect class="droppable field multivalued" x="14" y="0" width="238" height="30" stroke-dasharray="5,2" ios:type="0,1,2,4,8,9,11,25,35"/>//5<use x="224" y="1" xlink:href="#cancel" visibility="hidden"/></g>
- Posizione dell’intera area e
- posizione, alta e larghezza dell’area di sfondo
- Definisci la posizione del Area di testo e la larghezza
- Definiscono la posizione del campo a discesa, alto e largo, così come i tipi di campi accettati (in questa e NZPLO Tutti i tipi sono accettati)
- Definisci un pulsante di cancellazione che verrà visualizzato per eliminare il contenuto corrente
Immagine dell’immagine
//1<g transform="translate(0,60)">//2<rect class="bg field" x="15" y="0" width="236" height="65"/>//3<path class="picture" transform="translate(10 0) scale(6)"/>//4<textArea class="label" x="15" y="25" width="236">$4DEVAL(:C991("picture"))</textArea>//5<rect class="droppable field" x="15" y="0" width="236" height="65" stroke-dasharray="5,2" ios:type="3" ios:bind="fields"/>//6<use x="222" y="20" xlink:href="#cancel" visibility="hidden"/></g>
- posizione dell’intera area e
- posizione, alta e larghezza dell’area di sfondo
- icona per visualizzare un’immagine sull’immaginefield
- Definisci la posizione dell’area di testo e della larghezza
- Definiscono la posizione del campo Solutable, il suo alto e la sua larghezza, così come i tipi di campi accettati
- Definisce un pulsante di cancellazione che verrà visualizzato per eliminare il contenuto corrente
Ora che hai un’icona, la descrizione di base del modello nel file manifest.json e il suo file SVG, andiamo Il divertimento con xcode!
Nota
Tutti i tipi sono disponibili qui.
tip
Per rendere più semplice definizione del tipo di campo, 4D per iOS consente di includere i tipi di campo Con valori positivi e escludono anche i tipi di campo con valori negativi. Ad esempio,
ios:type="-3,-4"
ti consentirà di trascinare e rilasciare tutte le immagini e le date ESECT di campo.per includere tutti i tipi, semplicemente digitare
ios:type="all"
.