‫Selamat datang kembali.
‫Dalam video ini, kita akan memeriksa kombinasi kotak teks dan kotak sandi, jadi kita akan
‫membuat layar login kecil di sini.
‫Jadi mari kita lanjutkan dan lakukan itu.
‫Pertama-tama, saya akan membuatnya sedikit lebih besar.
‫Dan saya tidak ingin menggunakan grid di sini.
‫Saya hanya akan menggunakan panel bertumpuk, yang memungkinkan saya menumpuk kontrol di atas satu sama lain.
‫Saya akan mulai dengan label sehingga pengguna harus tahu jenis informasi apa yang harus dimasukkan.
‫Jadi saya akan mulai dengan nama pengguna.
‫Kemudian di bawah itu, saya ingin memiliki kotak teks.
‫Jadi saya akan menambahkan kotak teks dan buku teks itu harus memiliki nama.
‫Buku teks, nama pengguna, jadi nama pengguna, jadi hanya kotak teks sekarang, dan seperti yang Anda lihat, itu
‫terlalu dekat dengan tepinya.
‫Jadi saya ingin menambahkan sedikit margin ke panel Steck saya, dan saya hanya akan memilih 10 piksel.
‫Jadi sekarang memiliki margin ke segala arah, seperti yang Anda lihat.
‫Baiklah.
‫Jadi itu kotak teks kami.
‫Sekarang, saya ingin memiliki label lain untuk paspor saya.
‫Jadi saya hanya akan membuatnya dengan paspor sebagai isinya.
‫Dan sekarang di bawah itu, saya hanya akan membuat kotak kata sandi dan hanya itu.
‫Jadi di sanalah kami.
‫Kami memiliki kotak kata sandi kecil kami.
‫Dan sebenarnya, izinkan saya menambahkan tombol di bawahnya juga.
‫Jadi saya akan membuat tombol baru, dengan margin, katakanlah, lima, dan kemudian
‫kita memiliki konten login.
‫Jadi teks harus masuk pada tombol dan mari tambahkan acara klik ke dalamnya.
‫Jadi klik, klik, dan saya akan membuat event handler baru.
‫Jadi itulah tombol kami.
‫Seperti yang Anda lihat, kami memiliki tombol kecil di sini dengan margin ini.
‫Jadi tidak persis sama dengan bidang teks tersebut.
‫Dan ya, kita bisa mengubahnya sesuka kita, tapi itu akan baik-baik saja untuk saat ini.
‫Dan sekarang kotak kata sandi adalah sesuatu yang ingin saya jalankan nanti dan ubah sedikit.
‫Jadi pertama-tama, saya akan menambahkan kotak pesan baru di sini.
‫Jadi itu hanya akan mengatakan sesuatu seperti selamat datang dan kemudian nama pengguna.
‫Jadi nama pengguna, teks titik.
‫Jadi itu harus menyambut orang yang mencoba masuk.
‫Dan itu hampir semuanya.
‫Tombol ini akan dilakukan dalam contoh ini.
‫Sekarang kita dan saya akan menambahkan nama pengguna saya di sini, dan hari ini akan menjadi Dennis dan
‫kata sandinya adalah kata sandi.
‫Dan seperti yang Anda lihat, kata sandi disembunyikan karena ini adalah kotak kata sandi dan tidak ingin menampilkan informasi
‫apa pun kepada Anda.
‫Jadi itulah yang saya inginkan terjadi.
‫Jadi saya akan masuk dan berkata, Selamat datang, Dennis.
‫Jadi, alih-alih hanya memasukkan saya, ini bisa mengirim saya ke jendela yang berbeda dan atau layar yang
‫berbeda di mana saya melihat semua informasi relevan yang diperlukan.
‫Oke, jadi bagaimana jika saya tidak ingin titik-titik ini ada di sini?
‫Saya ingin memiliki, katakanlah, akses sebagai gantinya.
‫Nah, kemudian saya bisa masuk ke kotak kata sandi saya dan mengubah pengaturannya sehingga bisa berubah, misalnya
‫karakter kata sandi, yang akan menjadi karakter kata sandi.
‫Dan saya dapat mengubahnya menjadi, misalnya, bintang kecil ini.
‫Jadi biarkan saya menjalankannya lagi dan Anda akan melihat apakah saya memasukkan sesuatu.
‫Sekarang, itu adalah bintang.
‫Jadi Anda bahkan bisa melanjutkan dan melakukan sesuatu seperti H.
‫Jadi alih-alih memiliki lingkaran atau bintang, Anda akan memiliki sekarang yang menyembunyikan kata sandi.
‫Jadi sekarang seseorang bisa berpikir saya punya banyak h. s sebagai kata sandi saya di sana.
‫Baiklah.
‫Jadi itulah yang bisa Anda mainkan.
‫Dan ada banyak properti lain yang dapat Anda periksa untuk kotak kata sandi.
‫Baiklah.
‫Jadi saya akan kembali ke bintang saya.
‫Dan yang juga ingin saya tambahkan adalah panjang campuran.
‫Jadi Anda bisa melihat ada sesuatu yang disebut properti max length.
‫Dan di sini Anda dapat menentukan berapa lama kata sandi harus maksimal.
‫Jadi seharusnya tidak lebih panjang dari, katakanlah, delapan karakter, karena saya hanya ingin memiliki kotak login
‫yang sangat sederhana ini.
‫Dan beberapa orang sangat kecewa dengan kotak pop semacam itu di mana Anda hanya dapat memiliki delapan karakter karena beberapa
‫kata sandi lebih panjang dan kemudian orang harus memikirkan kata sandi baru.
‫Jadi, setiap kali Anda menggunakan sesuatu yang saya akan sangat berhati-hati dengan itu.
‫Jadi untuk durasi selanjutnya, mungkin sekitar dua puluh lima atau 20 seharusnya sudah bagus.
‫Tapi delapan, katakanlah saya punya delapan dan kemudian saya ingin menambahkan karakter Duder lain ke kata sandi saya.
‫Itu tidak mungkin.
‫Jadi Anda dapat melihat delapan karakter, tidak lebih dari itu, sehingga Anda dapat langsung membatasinya
‫tanpa harus memberi tahu pengguna setelahnya.
‫Hai, kata sandi ini terlalu panjang karena Anda hanya dapat memasukkan sejumlah karakter tertentu.
‫Baiklah.
‫Jadi begitulah cara Anda dapat menggunakan kotak kata sandi di UI Anda.