‫Selamat datang kembali.
‫Dalam video ini, saya ingin berbicara tentang data properti dan pemicu peristiwa karena mereka cukup
‫penting ketika Anda ingin menyesuaikan hal-hal pada emas.
‫Jadi dalam hal ini, saya akan menyesuaikan teks di sini.
‫Jadi ketika saya melewatinya, saya mengarahkan kursor ke teks yang mengubah warna dan tampilannya secara umum.
‫Lalu ini.
‫Halo, sobat.
‫Seperti yang Anda lihat, ukurannya naik.
‫Jadi seperti animasi di sini.
‫Dan kemudian kami memiliki kotak centang ini di sini ada seseorang di sana dan teks ini mengatakan tidak.
‫Dan aku hanya akan mengkliknya.
‫Dan dikatakan, tentu saja ada seseorang di sana.
‫Jadi ini aku.
‫Ya, saya bisa mengkliknya.
‫Jadi ini adalah hal-hal yang akan kita bahas dalam video ini, dan itu akan
‫memungkinkan Anda untuk membuat antarmuka pengguna Anda secara umum cukup baik, cukup rapi karena dapat menyesuaikan dengan cepat dan
‫dapat memberikan pengalaman pengguna yang ditingkatkan atau buat pengalaman pengguna yang ditingkatkan.
‫Jadi mari kita lanjutkan dan buat proyek baru di sini.
‫Dan saya akan memanggil 14 C, yang merupakan data properti dan mencegah pemicu.
‫Apa yang saya miliki adalah kombinasi panel grid dan stick.
‫Jadi saya akan mulai dengan panel tongkat, terima panel seperti itu.
‫Dan di dalam panel teknologi ini, saya memiliki kisi dan di sana saya memiliki blok teks yang
‫mengatakan sesuatu seperti teks, halo, dunia tercinta.
‫Dunia kita tercinta, dan kemudian saya memiliki ukuran font, jadi saya akan mengaturnya menjadi, katakanlah 32, saya
‫ingin ini dipusatkan.
‫Jadi saya akan mengatakan pusat dan juga secara vertikal itu harus dipusatkan.
‫Jadi saya akan mengatakan bahwa di baris berikutnya, perataan vertikal juga akan dipusatkan, dan saya akan
‫menutupnya seperti itu.
‫Jadi di sanalah kami.
‫Ini adalah dunia teks kita tercinta, dan saya akan mengukurnya.
‫Tapi file kecil.
‫Jadi di sini, di blok teks, saya bisa melanjutkan dan mengubah, misalnya, gayanya.
‫Saya dapat melakukan banyak hal, banyak hal dan saya perlu memiliki gaya untuk menggunakan pemicu gaya.
‫Jadi saya akan menambahkan blok teks gaya yang memungkinkan saya untuk membuat gaya.
‫Misalnya, saya perlu menambahkan tipe target di sini, yang akan menjadi blok teks kita dan di
‫dalam gaya saya dapat melanjutkan dan menambahkan setter dan pemicu gaya.
‫Jadi pertama-tama, saya membutuhkan pusat yang akan menjadi latar depan properti.
‫Jadi saya ingin mengatur latar depan.
‫Saya ingin mengubah latar depan.
‫Dan saya ingin mengubahnya menjadi hijau.
‫Jadi itu akan mengatur nilainya menjadi hijau.
‫Dan setelah itu, saya ingin memiliki pemicu yang benar-benar dapat melakukan itu karena untuk saat ini hanya hijau.
‫Tapi saya ingin ini dipicu dan saya melakukannya dengan gaya yang memicu sekarang di dalam tag pemicu gaya.
‫Saya dapat membuat pemicu yang berbeda dan saya hanya akan memiliki satu pemicu, yaitu mouseover.
‫Jadi properti untuk pemicu itu bermil-mil jauhnya.
‫Jadi, setiap kali kita mengarahkan kursor ke teks ini, saya ingin pemicu ini dieksekusi dan
‫saya ingin menyetel nilainya ke true.
‫Dengan huruf besar T seperti itu, jadi di dalam tag pemicu itu, saya bisa membuat Seder saya dan itulah yang harus
‫diubah secara umum.
‫Jadi katakanlah sekarang saya memiliki teks hijau ini dan saya ingin ini menjadi merah ketika saya mengarahkan kursor ke atasnya.
‫Jadi pusat akan mengatur properti ke latar depan atau mengatur latar depan properti ke nilai merah.
‫Jadi setiap kali saya mengarahkan kursor ke atasnya sekarang atau mouse saya selesai, pemicu ini
‫akan dieksekusi dan semua setternya akan dipicu juga atau dieksekusi juga pada hari Sabtu berikutnya, saya ingin
‫menambahkan, akan menjadi properti pusat.
‫Dan inilah deklarasi teks yang ingin saya atur ke nilai garis bawah.
‫Baiklah.
‫Jadi mari kita tutup pengaturannya dan mari kita periksa apakah pemicu kita berfungsi.
‫Jadi ini hanya sebuah teks, kan.
‫Dan mari kita periksa kodenya sedikit lebih dalam sekarang atau sedikit lebih dalam.
‫Jadi kita memiliki jaringan ini.
‫Yang ada di panel negara dan di sana kita hanya memiliki blok teks ini, dan itu hanya teks yang
‫kita lihat di sini, Hello Beloved World ini, dan memiliki ukuran font dan berada di tengah.
‫Jadi itulah sifat umum dari blok teks.
‫Tapi sekarang saya menyesuaikan dengan style dari blok teks sehingga saya bisa menambahkan beberapa komponen style disini.
‫Dan saya menggunakan tag style dan saya katakan tipe target dari style ini haruslah blok teks itu sendiri karena bisa jadi komponen di dalam
‫blok teks, tapi itu akan menjadi kode untuk saat ini.
‫Tetapi secara umum, kami memiliki pusat ini di sini yang menentukan gaya.
‫Jadi ini adalah sesuatu yang dilakukan langsung, kan?
‫Kita tidak perlu memicu itu.
‫Tapi kemudian kita bisa menambahkan pemicu gaya yang berisi pemicu, yang kemudian mengatur sesuatu.
‫Dan kita perlu menentukan properti apa yang seharusnya memicu pemicu ini.
‫Jadi, apakah sebagian besar sudah berakhir ketika itu benar?
‫Saya ingin pusat dieksekusi dan itu hanya akan mengatakan, OK, saya ingin mengubah latar
‫depan properti ke nilai merah dan saya ingin mengatur dekorasi pajak properti ke nilai garis bawah.
‫Jadi Anda bisa menambahkan beberapa setter yang berbeda di sini, jika Anda suka, dan itu akan dipicu setiap
‫kali yang ini dijalankan dan itu akan dieksekusi jika Ismael's over benar.
‫Jadi mari kita jalankan kodenya dan lihat cara kerjanya sehingga kita memilikinya.
‫Halo, Dunia Kekasih, dan saya mengarahkan kursor ke atasnya.
‫Dan seperti yang Anda lihat, deklarasi teks ada di telepon.
‫Jadi teksnya ada di baris dan nilai latar depan berwarna merah.
‫Jadi warna ini dari pergi dari hijau ke merah.
‫Baiklah.
‫Jadi beginilah cara Anda melanjutkan dan menggunakan pemicu gaya atau pemicu secara umum.
‫Dan hal lain yang bisa Anda lihat adalah ketika nilainya kembali turun, nilainya kembali ke nilai aslinya, jadi
‫garis bawahi dan baca tidak benar lagi.
‫Jadi mereka hanya kembali ke nilai aslinya, yang hijau untuk latar depan dan di baris itu
‫dari atau salah sehingga deklarasi teks tidak di telepon.
‫Sekarang, mari kita lanjutkan dan buat blok teks lain, yang akan berada di kotak unik.
‫Jadi saya ingin memiliki beberapa kisi di atas satu sama lain.
‫Saya bisa saja menggunakan pembungkus yang berbeda, tetapi saya hanya akan menggunakan kisi di sana-sini.
‫Saya memiliki blok teks lagi, dan kali ini seharusnya mengatakan sesuatu seperti, Halo, sobat.
‫Halo, sobat.
‫Dan sekarang di sana saya akan mengatur ukuran font menjadi 24.
‫Ukuran font akan menjadi dua puluh empat.
‫Lalu saya ingin ini menjadi garis terpusat baik untuk horizontal maupun vertikal.
‫Dan kemudian blok teks ini harus ditata.
‫Jadi saya akan menata banyak hal di sini.
‫Pertama-tama, saya ingin menambahkan tag gaya blok teks di sini.
‫Di sana, saya akan menambahkan gaya dan itu akan menjadi tipe target blok teks lagi dan di sini saya bisa
‫membuat pemicu acara.
‫Jadi, Anda telah melihat pemicu gaya di sini, yang sebenarnya hanyalah pemicu.
‫Tapi sekarang saya ingin menjalankan pemicu acara, yang akan sedikit berbeda.
‫Jadi mari kita buat gaya yang memicu terlebih dahulu memulai tag pemicu.
‫Dan di sini saya ingin memiliki pemicu acara dan itu akan dieksekusi ketika acara yang dirutekan benar dan acara yang dirutekan
‫akan menjadi masukan Mou.
‫Sehingga akan terpicu setiap kali kita memasukkan blok teks ini dengan mouse kita.
‫Jadi hampir sama dengan yang kita lihat di sini.
‫Properti ini telah diarahkan, tetapi tidak, kami tidak menggunakan pemicu.
‫Kami menggunakan pemicu peristiwa dan Anda akan melihat perbedaannya dalam sedetik.
‫Sekarang, di pemicu acara itu, saya bisa melanjutkan dan membuat acara.
‫Tindakan pemicu sebenarnya adalah beberapa tindakan.
‫Jadi saya memiliki tag lain ini dan di sini saya sekarang dapat membuat semua tindakan berbeda yang ingin
‫saya jalankan ketika pemicu peristiwa ini dipicu.
‫Jadi setiap kali kita masuk dengan mouse kita, jadi mari buat aksi pemicu acara dan itu akan dilakukan
‫seperti itu, mulailah storyboard.
‫Jadi kita perlu tag ini lagi storyboard.
‫Kemudian kita membuat storyboard dan di dalam storyboard sekarang kita dapat melakukan animasi.
‫Jadi animasi ganda akan menjadi kelanjutan yang berjalan selama durasi tertentu.
‫Dan di sini kita memiliki nol sebagai jam, nol menit, nol detik dan lima ratus milidetik.
‫Jadi selama periode lima ratus milidetik, saya ingin ini dieksekusi.
‫Jadi animasi ini berjalan dan kemudian saya ingin mengubah ukuran font.
‫Tapi sekarang untuk mengubah ukuran font, saya perlu menggunakan properti storyboard dot target.
‫Jadi sangat mirip dengan menyetel properti yang telah kita lihat di sini, tetapi kita mengubah deklarasi teks dan
‫menyetelnya untuk menggarisbawahi bahwa kita perlu menggunakan pendekatan ini di sini, sebagai gantinya properti target storyboard.
‫Dan di sini saya bisa mengatakan properti mana yang ingin saya ubah.
‫Jadi saya ingin mengubah ukuran font juga.
‫Dan sekarang saya bisa menentukan nilainya.
‫Jadi ada dua properti di sini dan saya menetapkan nilainya menjadi tujuh puluh dua.
‫Oke, jadi itulah animasi ganda yang kita jalankan di sini.
‫Jadi mirip dengan apa yang kita lihat di sini.
‫Hanya nilainya atau namanya saja yang berbeda.
‫Jadi ini adalah properti, tapi sekarang properti target storyboard.
‫Kemudian kita memiliki nilai yang ada di telepon, tetapi sekarang dua kata kunci atau dua properti yang perlu
‫kita ubah.
‫Jadi kurang lebih beginilah cara kita membuat animasi kecil yang akan dijalankan.
‫Jadi sekarang mari kita mulai kode itu dan lihat apa yang terjadi.
‫Halo, sobat.
‫Dan kami, seperti yang Anda lihat sekarang, itu besar dan tidak kembali.
‫Oh ayolah.
‫Kembali ke ukuran normal dan.
‫Yah, tidak peduli apa yang saya inginkan karena saya belum menerapkannya.
‫Jadi sekarang ini sedikit tantangan untuk Anda.
‫Silakan tambahkan yang lain.
‫Acara di sini, yang akan melakukan hal itu, jadi tambahkan pemicu acara.
‫Sedikit sebagai sedikit petunjuk, Anda tidak perlu melakukan semua itu lagi, Anda hanya perlu membuat atau
‫memperbanyak kode ini.
‫Jadi silakan lanjutkan dan tambahkan fungsionalitasnya.
‫Jadi ketika mouse meninggalkan blok teks ini, teks tersebut kembali ke ukuran aslinya, yaitu dua puluh empat, dan
‫itu harus dilakukan selama durasi, katakanlah, tiga ratus milidetik.
‫Jadi silakan lanjutkan dan coba itu.
‫Baiklah, saya harap Anda melakukannya.
‫Jadi saya hanya akan menyalin pemicu peristiwa itu, saya akan menempelkannya tepat di bawah dan
‫alih-alih mouse masuk, saya akan memasukkan sesuatu seperti daun mouse dan durasinya harus tiga ratus milidetik dan ukuran
‫fontnya harus diatur ke nilai dua puluh empat.
‫Dan itu saja.
‫Jadi ini adalah pemicu acara yang saya butuhkan untuk kembali setiap kali mouse meninggalkan buku teks.
‫Jadi mari kita uji lagi.
‫Di sana kita berada.
‫Halo, sobat.
‫Dan sekarang biarkan saya meninggalkannya dan itu kembali dan itu kembali lebih cepat daripada yang dimulai, benar.
‫Jadi yang satu adalah teks atau mouse enter adalah lima ratus milidetik dan mouse leave adalah tiga ratus
‫milidetik.
‫Jadi Anda bisa membuat beberapa acara yang cukup keren di sini.
‫Dan seperti yang Anda lihat, itu bahkan bereaksi dengan cepat.
‫Jadi itu langsung kembali dan itu cukup keren.
‫Oke, jadi ini adalah pemicu acara.
‫Jadi Anda telah melihat pemicu gaya yang merupakan pemicu tipe dan kemudian Anda telah melihat pemicu gaya
‫yang bertipe, peristiwa, pemicu.
‫Sekarang ada satu hal lagi yang ingin saya tambahkan kotak centang dengan sedikit teks di bawahnya yang
‫akan disesuaikan.
‫Jadi yang ini akan menggunakan pengikatan, pengikatan data.
‫Kami telah melihat pengikatan data sebelumnya dan alih-alih berada di kotak, itu harus di panel bertumpuk
‫karena saya ingin menumpuk dua hal.
‫Saya ingin menumpuk kotak centang di atas blok teks.
‫Jadi di dalam panel tumpukan, saya membuat kotak centang dan harus memiliki nama c. B.
‫Halo, CME adalah singkatan dari kotak centang.
‫Kemudian isi dari kotak centang akan menjadi seperti tanda tanya seseorang.
‫Sekarang panel benar-benar membiarkan saya menyelaraskan itu sehingga menyelaraskannya secara horizontal dan juga menyelaraskannya secara vertikal.
‫Jadi Vertical Alignment Center juga.
‫Baiklah.
‫Jadi sekarang kotak centang ini seharusnya memicu sesuatu dan seharusnya mengubah buku pelajaran kita.
‫Jadi kita akan membutuhkan blok teks dan saya juga akan menyelaraskannya secara horizontal.
‫Jadi izinkan saya memusatkan blok teks.
‫Kemudian saya akan mengatur ukuran font blok teks saya menjadi tiga puluh enam.
‫Jadi itu harus cukup besar sekarang di dalam blok teks.
‫Saya ingin maju dan mengubah gayanya.
‫Jadi itu adalah sesuatu yang telah kita lihat di atas.
‫Jadi kami menggunakan gaya blok teks ini dan jenis target gaya dan kami menentukan jenis target.
‫Jadi saya akan melakukan hal yang sama di sini.
‫Gaya blok teks kemudian dan di sini saya membuat tag gaya dan tipe target gaya.
‫Jadi target yang saya miliki adalah blok teks saya.
‫Jadi saya ingin mengubah blok teks.
‫Dan bagaimana saya melakukannya?
‫Nah, dengan setter saya.
‫Jadi saya akan langsung mengatur dan kali ini pemicunya adalah data, pemicu yang digerakkan oleh data, dan itu tidak akan menjadi pemicu yang digerakkan
‫oleh peristiwa seperti yang telah kita lihat di sini.
‫Jadi event trigger dan lain sebagainya.
‫Tapi sekarang ini adalah pemicu yang didorong oleh data.
‫Jadi properti dari pusat saya akan menjadi properti.
‫Itu akan menjadi teks.
‫Dan saya ingin mengubah nilai teks menjadi sesuatu seperti, tidak, dan sekarang saya akan memiliki Sather lain di atas
‫dan di bawahnya di bawah.
‫Jadi yang ini akan mengubah properti yang disebut foreground.
‫Jadi sebaiknya ubah saja warnanya menjadi nilai merah.
‫Nah itu akan langsung dieksekusi.
‫Benar.
‫Jadi kami memiliki gaya dan kami belum memiliki pemicu.
‫Jadi ini akan diatur.
‫Kita bisa saja melakukan hal yang sama.
‫Kita bisa mengatur teks di sini pada level blok teks.
‫Kita bisa saja menggunakan nilai merah di level blok teks.
‫Benar.
‫Tetapi saya hanya ingin menunjukkan kepada Anda bahwa ini adalah pendekatan alternatif dan ini akan membantu Anda melakukan hal berikut.
‫Jadi dalam hal ini, saya akan membutuhkan pemicu panah gaya.
‫Jadi saya perlu memiliki tag pemicu gaya ini.
‫Dan sekarang dan di sini saya membuat pemicu data.
‫Jadi seperti yang Anda lihat, kami telah menggunakan pemicu normal, yang didasarkan pada properti.
‫Kemudian kami memiliki pemicu yang digerakkan oleh peristiwa, yang merupakan peristiwa yang dirutekan yang dieksekusi.
‫Jadi hal yang hampir sama.
‫Tapi dalam kasus ini, Anda tahu, itu adalah mouse over dan mouse masuk.
‫Tetapi dalam kasus ini adalah properti yang memicunya.
‫Dan dalam hal ini, ini adalah peristiwa aktual dan sekarang akan menjadi data.
‫Jadi, Anda melihat tiga jenis pemicu yang berbeda.
‫Jadi pemicu data ini akan mengatur segalanya juga.
‫Tapi sekarang, untuk menjalankan pemicunya, saya perlu menggunakan pengikatan dalam kasus ini.
‫Jadi saya akan mengikat nama elemen yang disebut c. B.
‫Halo.
‫Yang merupakan kotak centang kami dan ini untuk halo.
‫Harus memiliki jalur diperiksa.
‫Jadi saya akan memeriksa ini adalah nilai yang diperiksa dan saya akan pergi.
‫Mengatakan nilai itu benar.
‫Sekarang, apa yang terjadi jika saya.
‫Periksa apakah buku cek baik-baik saja, beberapa setar harus dieksekusi, jadi pusat dengan properti teks harus dieksekusi dan
‫nilainya harus disetel ke sesuatu seperti, tentu saja.
‫Sekarang, huruf berikutnya yang ingin saya tambahkan akan memiliki properti latar depan, jadi itu
‫akan berubah menjadi properti latar depan, menjadi nilai hijau, dan hanya itu.
‫Jadi ini adalah pemicu data kami.
‫Mari kita lanjutkan dan jalankan sehingga kita memiliki dua pemicu yang didasarkan pada overs massal atau melalui peristiwa itu
‫di sini.
‫Dan kemudian jika saya mencentang kotak itu, ayo lakukan, boom.
‫Dan dikatakan, tentu saja.
‫Jadi Anda melihat kotak centang kami memicu ini sekarang dan itu bukan acaranya.
‫Jadi ini bukan acara cek.
‫Itu berdasarkan data di baliknya.
‫Jadi kami mengikat nilai yang diperiksa dari CB kami.
‫Halo.
‫Jadi kotak centang kami di sini.
‫Jadi seperti yang saya katakan, ini penting.
‫Benar.
‫Jadi Anda bisa melakukan hal yang sama dengan suatu peristiwa yang dipicu setiap kali kami memeriksanya, karena
‫Anda tahu bahwa memeriksa atau dicentang dapat memulai suatu peristiwa.
‫Jadi periksa berubah atau sesuatu seperti itu.
‫Benar.
‫Jadi kali ini kami melakukannya berdasarkan data.
‫Jadi setiap kali saya menekannya, ini akan dieksekusi.
‫Baiklah.
‫Jadi ini adalah tiga jenis pemicu yang berbeda dan jenis yang berbeda, baik, menjalankan beberapa perubahan
‫yang cukup keren di UI Anda.
‫Besar.
‫Saya harap Anda bisa memahami semua itu.
‫Saya menyarankan untuk mencoba beberapa pemicu data tambahan, periksa sesuatu dengan teks.
‫Jadi jika seseorang memasukkan teks tertentu, maka sesuatu harus diubah atau hal-hal semacam itu.
‫Jadi Anda dapat melakukan banyak hal dengan Zemo tanpa harus menyentuh kode di belakang.
‫Dan itu cukup keren.
‫Baiklah.
‫Jadi sampai jumpa di video selanjutnya.