template.svg (Português)

o arquivo template.svg é uma representação básica de modelo. Neste arquivo SVG, você deve definir áreas para poder adicionar campos ao modelo de formulário detalhado do editor de projetos.

Aqui está uma versão final:

Modelo de arquivo SVG

Este modelo tem numeração de campo dinâmico, o que significa que este modelo irá alow você para adicionar uma imagem e você pode colocar quantos campos dependendo das suas necessidades. Em seguida, durante a criação de sua forma detalhada na seção de formulários e arraste e solte um campo, um novo campo vazio aparece sob o anterior para adicionar um novo campo:

Modelo de arquivo svg

Abra o arquivo Template.svg com seu editor de código favorito.

Vamos focar nas diferentes partes do seu arquivo SVG e o que você precisará editar .

título

<title>Custom Detail form</title>

Adicione o título do seu modelo aqui.

posição, alta, largura e tipo da área

Você pode definir a posição, a alta e a largura de todos os seus campos como fizemos para o tutorial de visualização de lista personalizada.

Propriedades do 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. posição de toda a área e
  2. posição, alta e largura da área de fundo
  3. Defina a posição do área de texto e a largura
  4. Defina a posição do campo suspenso, alta e ampla, bem como os tipos de campos aceitos (neste E Nzplo Todos os tipos são aceitos)
  5. Defina um botão de cancelamento que será exibido para excluir o conteúdo atual

de imagem

//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. posição de toda a área e
  2. posição, alta e largura da área de fundo
  3. ícone para exibir uma imagem no imagefield
  4. Defina a posição da área de texto e largura
  5. Defina a posição do campo soltável, sua alta e sua largura, bem como os tipos de campos aceitos
  6. Define um botão de cancelamento que será exibido para excluir o conteúdo atual

Agora que você tem um ícone, a descrição básica do modelo no arquivo manifest.json e seu arquivo SVG, vamos A diversão com Xcode!

Observação

Todos os tipos estão disponíveis aqui.

Dica

  • para facilitar o tipo de campo, 4D para iOS permite incluir tipos de campo Com valores positivos e também excluir tipos de campo com valores negativos. Por exemplo, ios:type="-3,-4" permitirá que você arraste e solte todas as imagens e datas de todos os campos.

  • Para incluir todos os tipos, basta digitar ios:type="all"

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *