Template.svg (Italiano)

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:

Template del file SVG

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:

Modello di file SVG

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>
  1. Posizione dell’intera area e
  2. posizione, alta e larghezza dell’area di sfondo
  3. Definisci la posizione del Area di testo e la larghezza
  4. 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)
  5. 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>
  1. posizione dell’intera area e
  2. posizione, alta e larghezza dell’area di sfondo
  3. icona per visualizzare un’immagine sull’immaginefield
  4. Definisci la posizione dell’area di testo e della larghezza
  5. Definiscono la posizione del campo Solutable, il suo alto e la sua larghezza, così come i tipi di campi accettati
  6. 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".

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *