Template.Svg (Română)

Fișierul template.svg este o reprezentare a șablonului de bază. În acest fișier SVG, trebuie să definiți zonele pentru a putea adăuga câmpuri la șablonul de formular detaliat de la editorul de proiect.

Aici este o versiune finală:

Șablon de fișiere SVG

Acest șablon are numerotarea dinamică a câmpului, ceea ce înseamnă că acest șablon vă va permite să adăugați o imagine și puteți pune cât mai multe câmpuri în funcție de nevoile dvs. Apoi, în timpul creării formularului dvs. detaliat în secțiunea Formulare și trageți și plasați un câmp, un nou câmp gol apare sub cea anterioară pentru a adăuga un câmp nou:

Fișier de fișier svg

Deschideți fișierul șablon.svg cu editorul dvs. de cod preferat.

Să ne concentrăm pe diferitele părți ale fișierului dvs. SVG și de ceea ce va trebui să editați .

titlu

<title>Custom Detail form</title>

Adăugați titlul șablonului dvs. aici.

Poziția, înălțimea, lățimea și tipul a zonei

Puteți defini poziția, înălțimea și lățimea tuturor câmpurilor dvs., așa cum am făcut pentru tutorialul de vizualizare a listei personalizate.

Proprietăți câmp

//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. poziția întregii zone și
  2. poziție, ridicată și lățime a zonei de fundal
  3. definește poziția Suprafața textului și lățimea
  4. definește poziția câmpului derulant, ridicată și largă, precum și tipurile de câmpuri acceptate (în acest e NZPLO Toate tipurile sunt acceptate)
  5. Definiți un buton de anulare care va fi afișat pentru a șterge conținutul curent

câmp imagine

//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. Poziția întregii zone și
  2. Poziția, înălțimea și lățimea zonei de fundal
  3. pictograma pentru a afișa o imagine pe imaginea câmpului
  4. Definirea poziției zonei de text și a lățimii
  5. Definirea poziției câmpului soltable, lățimea ridicată și lățimea sa, precum și tipurile de câmpuri acceptate
  6. Definește un buton de anulare care va fi afișat pentru a șterge conținutul curent

Acum că aveți o pictogramă, descrierea de bază a șablonului în fișierul Manifest.json și fișierul său SVG, să mergem Distracția cu Xcode!

Notă

Toate tipurile sunt disponibile aici.

Sfat

  • Pentru a face mai ușoară definiția tipului de câmp, 4D pentru iOS vă permite să includeți tipuri de câmpuri Cu valori pozitive și, de asemenea, exclude tipurile de câmp cu valori negative. De exemplu, ios:type="-3,-4" vă va permite să trageți și să renunțați la toate imaginile și datele exetoarelor de câmp.

  • Pentru a include toate tipurile, doar tastați doar tastați ios:type="all".

div id = „11a866bb5d0″>

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *