gift

SDK Android dan iOS untuk Pengembang Aplikasi Seluler

Lebih dari 1.500.000 aplikasi dikembangkan dengan alat pengembangan apl seluler dari iBuildApp

Cari Pekerjaan Seluler

Penyesuaian Bidang-Bidang Fitur

Anda bisa mengembangkan Fitur yang tidak memerlukan data dari pengguna akhir.

Tetapi dalam banyak hal, Anda harus mendapatkan beberapa masukan (misalnya dimasukkan ke dalam bidang teks atau dipilih dari menu tarik-turun) dari pengguna. Bagian ini menjelaskan cara menulis Konfigurasi XML Fitur Anda.

Versi dari struktur yang dilaksanakan saat ini adalah 0.1. Anda dapat mengunduh deklarasi Skema XML dari situs kami.

Di versi 0.1 terdapat 6 elemen struktur yang mungkin:

  1. Elemen blok (digunakan untuk mengorganisir elemen-elemen tipe 2-6 di grup logika)
  2. Bidang teks
  3. Bidang area teks (masukan teks multibaris)
  4. Bidang tarik-turun
  5. Kotak centang
  6. Tombol radio (digunakan di grup berisi minimal 2 tombol radio)

Informasi umum

Konfigurasi XML dasar harus menyertakan bagian <fields />. Jika Anda tidak membutuhkan informasi dari pengguna, cukup unggah konfigurasi yang hanya berisi kode yang tercantum di bawah ini. Dalam hal ini pengguna akhir hanya akan melihat masukan teks "Judul " yang standar, tanpa elemen masukan tambahan (Gbr. 6.1).

<?xml version="1.0" encoding="UTF-8"?>
<iba:fields iba:version="0.1" xmlns:iba="http://ibuildapp.com/userWidgets/0.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ibuildapp.com/userWidgets/0.1 http://ibuildapp.com/module_fields.xsd"/>
Gbr. 6.1

Gbr. 6.1

Data pengguna akhir yang dimasukkan nantinya digunakan untuk membuat data aplikasi konfigurasi XML yang akan diteruskan ke fitur Anda dari sisi kami.

Namun sebuah struktur bidang kosong akan berubah menjadi struktur data kosong:

<data>
</data>

Setiap kolom pada dasarnya memiliki 3 atribut:

  • name (string, diperlukan): nama tag XML di konfigurasi data yang akan berisi data yang dimasukkan dari elemen ini
  • label (string, opsional): label teks yang berada di kiri sebuah elemen masukan di App Management Panel kami
  • caption (string, opsional): label teks yang berada di samping/bawah sebuah elemen masukan

Blok

Blok digunakan untuk mengelola bidang-bidang lainnya ke dalam grup logika

Tag blog memiliki satu atribut khusus:

  • state ("static"/"on"/"off", opsional, baku "static"): status blok ini: "static" berarti akan selalu hadir, "on"/"off" berarti pengguna dapat menukar-nukar blok ini; hanya satu blok nonstatis yang dapat dipilih dalam satu waktu

Blok berbeda dari semua elemen lain dalam hal penempatan di dalam data. Blok tidak memiliki tag khusus (sehingga atribut nametidak digunakan), tetapi diganti dengan semua tag elemen anak.

Namun, hal ini benar untuk blok "statis" dan blok dalam keadaan "hidup". Jika blok dalam keadaan "mati", blok ini atau anak-anaknya akan hadir dalam XML data.

Blok adalah jenis elemen root (hanya blok yang dapat berada di dalam elemen <fields/>

Teks

<?xml version="1.0" encoding="UTF-8"?>
<iba:fields iba:version="0.1" xmlns:iba="http://ibuildapp.com/userWidgets/0.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ibuildapp.com/userWidgets/0.1 http://ibuildapp.com/module_fields.xsd">
	<iba:block iba:name="block1">
		<iba:text iba:name="textfieldA" iba:label="Textfield label:" iba:caption="Caption goes under the textfield"/>
	</iba:block>
</iba:fields>
Gbr. 6.2

Gbr. 6.2

<data>
	<textfieldA></textfieldA>
</data>

Area teks

Textarea mirip seperti Text, dengan kelebihan yaitu dapat menampung banyak baris teks.


Tarik-turun

<?xml version="1.0" encoding="UTF-8"?>
<iba:fields iba:version="0.1" xmlns:iba="http://ibuildapp.com/userWidgets/0.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ibuildapp.com/userWidgets/0.1 http://ibuildapp.com/module_fields.xsd">
	<iba:block iba:name="block1">
		<iba:dropdown iba:name="myDropdown" iba:default="2" iba:label="Dropdown:" iba:caption=""option #2" is selected by default">
			<iba:option iba:value="">please select something</iba:option>
			<iba:option iba:value="1">the first option</iba:option>
			<iba:option iba:value="one more option">option #2</iba:option>
			<iba:option iba:value="the_last">the last one</iba:option>
		</iba:dropdown>
	</iba:block>
</iba:fields>
Gbr. 6.3

Gbr. 6.3

Gbr. 6.4

Gbr. 6.4

<data>
	<myDropdown>one more option</myDropdown>
</data>

Kotak centang

<?xml version="1.0" encoding="UTF-8"?>
<iba:fields iba:version="0.1" xmlns:iba="http://ibuildapp.com/userWidgets/0.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ibuildapp.com/userWidgets/0.1 http://ibuildapp.com/module_fields.xsd">
	<iba:block iba:name="block1" iba:label="Some block">
		<iba:checkbox iba:name="checkboxA" iba:label="1st checkbox" iba:checked="true"/>
		<iba:checkbox iba:name="checkboxB" iba:value="some value" iba:label="2nd checkbox" iba:caption="some descriptive caption"/>
	</iba:block>
</iba:fields>
Gbr. 6.5

Gbr. 6.5

<data>
	<checkboxA></checkboxA>
</data>

Radio

<?xml version="1.0" encoding="UTF-8"?>
<iba:fields iba:version="0.1" xmlns:iba="http://ibuildapp.com/userWidgets/0.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ibuildapp.com/userWidgets/0.1 http://ibuildapp.com/module_fields.xsd">
	<iba:block iba:name="block1" iba:caption="Block's caption">
		<iba:radio iba:name="radiobutton1" iba:value="first" iba:label="Radio label:"/>
		<iba:radio iba:name="radiobutton1" iba:value="2nd" iba:caption="2nd radiobutton has caption"/>
		<iba:radio iba:name="radiobutton1" iba:value="the last one" iba:caption="3rd radiobutton is checked by default" iba:checked="true"/>
	</iba:block>
</iba:fields>
Gbr. 6.6

Gbr. 6.6

<data>
	<radiobutton1>the last one</radiobutton1>
</data>

Lebih banyak contoh!

Contoh 1

<?xml version="1.0" encoding="UTF-8"?>
<iba:fields iba:version="0.1" xmlns:iba="http://ibuildapp.com/userWidgets/0.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ibuildapp.com/userWidgets/0.1 http://ibuildapp.com/module_fields.xsd">
	<iba:block iba:name="b1" iba:caption="Ther are three static blocks">
		<iba:text iba:name="textField" iba:label="Textfield #1:">default text</iba:text>
		<iba:checkbox iba:name="cb1" iba:value="on" iba:checked="true" iba:caption="check me!"/>
	</iba:block>
	<iba:block iba:name="b2" iba:state="static">
		<iba:dropdown iba:name="dropdown" iba:default="0" iba:label="Dropdown field:">
			<iba:option iba:value=""/>
			<iba:option iba:value="a">letter "A"</iba:option>
			<iba:option iba:value="b">letter "B"</iba:option>
		</iba:dropdown>
		<iba:textarea iba:name="multilineText" iba:label="Textarea" iba:caption="Caption under textarea">Some text
It has two lines.</iba:textarea>
	</iba:block>
	<iba:block iba:name="b3">
		<iba:checkbox iba:name="cb2" iba:value="on" iba:caption="don't check me!"/>
		<iba:radio iba:name="radio" iba:value="1st" iba:label="Select one:" iba:caption="1st radio" iba:checked="true"/>
		<iba:radio iba:name="radio" iba:value="2nd" iba:caption="2nd radio"/>
	</iba:block>
</iba:fields>
Gbr. 6.6

Gbr. 6.7

<data>
	<textField>default text</textField>
	<cb1>on</cb1>
	<dropdown></dropdown>
	<multilineText>Some text
It has two lines.</multilineText>
	<radio>1st</radio>
</data>

Contoh 2

<?xml version="1.0" encoding="UTF-8"?>
<iba:fields iba:version="0.1" xmlns:iba="http://ibuildapp.com/userWidgets/0.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ibuildapp.com/userWidgets/0.1 http://ibuildapp.com/module_fields.xsd">
	<iba:block iba:name="block1" iba:state="on" iba:label="One way:">
		<iba:text iba:name="text1" iba:label="Text 1:">Default for text #1</iba:text>
	</iba:block>
	<iba:block iba:name="block2" iba:state="off" iba:label="Another way:">
		<iba:text iba:name="text2" iba:label="Text 2:">Default for text #2</iba:text>
	</iba:block>
</iba:fields>
Gbr. 6.8

Gbr. 6.8

<data>
	<text1>Default for text #1</text1>
</data>
Gbr. 6.9

Gbr. 6.9

<data>
	<text2>Default for text #2</text2>
</data>

Contoh 3

<?xml version="1.0" encoding="UTF-8"?>
<iba:fields iba:version="0.1" xmlns:iba="http://ibuildapp.com/userWidgets/0.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ibuildapp.com/userWidgets/0.1 http://ibuildapp.com/module_fields.xsd">
	<iba:block iba:name="block1">
		<iba:checkbox iba:name="myCheckbox" iba:value="1" iba:checked="true" iba:label="Checkbox:"/>
	</iba:block>
	<iba:block iba:name="block2" iba:state="off" iba:caption="use text">
		<iba:text iba:name="myText" iba:label="Text field:">some default text</iba:text>
	</iba:block>
	<iba:block iba:name="block3" iba:state="on" iba:caption="use textarea">
		<iba:textarea iba:name="myTextarea" iba:label="Textarea field:">some default text in textarea</iba:textarea>
	</iba:block>
	<iba:block iba:name="block4">
		<iba:dropdown iba:name="myDropdown" iba:label="Dropdown">
			<iba:option iba:value="option0">Option 0</iba:option>
			<iba:option iba:value="option1">Option 1</iba:option>
			<iba:option iba:value="option2">Option 2</iba:option>
		</iba:dropdown>
	</iba:block>
</iba:fields>
Gbr. 6.10

Gbr. 6.10

<data>
	<myCheckbox>1</myCheckbox>
	<myTextarea>some default text in textarea</myTextarea>
	<myDropdown>option0</myDropdown>
</data>