‫Selamat datang kembali.
‫Dan video ini, kita akan berbicara tentang properti dependensi, dan properti itu sangat penting segera
‫setelah kita mencapai pengikatan data.
‫Dan umumnya masuk akal bagi Anda untuk memahami cara kerjanya.
‫Jadi mari kita lanjutkan dan buat tombol di dalam grid kita.
‫Dan kita cukup melakukannya dengan membuat kata kunci tombol, seperti yang telah kita lihat berkali-kali.
‫Dan di sini saya hanya akan menetapkan tinggi, katakanlah, seratus piksel dan
‫lebar dua ratus piksel dan kemudian konten klik saya.
‫Dan sekarang saya ingin menggunakan sesuatu yang disebut background.
‫Jadi ada properti yang disebut latar belakang dan saya ingin menetapkannya ke saluran pembuangan, oke?
‫Tentu.
‫Jadi itu akan menjadi tombol saya.
‫Dan seperti yang Anda lihat sekarang, ia hanya memiliki semacam warna.
‫Mungkin kita harus membuatnya merah.
‫Seperti merah cukup kuat.
‫Ungu pucat, merah.
‫Itu terlihat bagus.
‫Jadi warna yang sederhana.
‫Jadi ide di balik ini adalah saya ingin melanjutkan dan menjelaskan kepada Anda apa itu properti dependensi, di mana
‫mereka berada, dan bagaimana membuat properti dependensi Anda sendiri.
‫Dan itu cukup mudah untuk melakukannya dengan sebuah tombol, menurut saya.
‫Dan omong-omong, tombol ini dan sebenarnya saya akan menutupnya seperti itu karena saya ingin menata tombol itu.
‫Jadi di dalam tag tombol, saya ingin menambahkan lebih banyak gaya ke tombol itu.
‫Dan gaya harus menjadi pemicu.
‫Jadi saya ingin memicu.
‫Jadi jika saya masuk ke area tombol, maka saya ingin mengubah warna atau sesuatu seperti itu.
‫Jadi saya akan menggunakan gaya titik tombol.
‫Sekarang, gaya tombol itu membutuhkan gaya di sini jadi saya bisa membuat gaya kita sendiri di sini dan saya akan
‫menetapkan target untuk jenis target gaya itu.
‫Ini akan menjadi tombol.
‫Sekarang, itu tidak cukup karena yang ingin saya lakukan sekarang adalah menambahkan pemicu ke gaya itu.
‫Jadi saya akan menggunakan pemicu gaya.
‫Seperti yang satu ini, dan sekarang saya dapat melanjutkan dan membuat pemicu kecil yang indah yang akan diaktifkan begitu sebuah peristiwa terjadi dan
‫kita telah melihat peristiwa itu, tetapi itu adalah peristiwa yang sedikit berbeda.
‫Jadi itu adalah pemicu yang bisa kita gunakan sebagai berikut.
‫Kita dapat membuat pemicu di sini dan pemicu itu akan memiliki properti.
‫Dan yang itu, misalnya, adalah mouse over.
‫Jadi begitu mouse berada di atas tombol itu, maka nilainya harus disetel ke true.
‫Dan di pemicu itu, saya harus memiliki Setas.
‫Jadi apa yang akan terjadi jika itu terjadi?
‫Jadi yang akan saya lakukan adalah mengatur ukuran font properti ke nilai tiga puluh karena sekarang ukuran font jauh lebih
‫kecil.
‫Jadi di sini kita memiliki tombol, yang memiliki lebar tertentu dan konten dan lebar dan semua hal semacam itu.
‫Dan saya membuat pilot yang memuat merah keras dan kemudian saya menambahkan gaya ke tombol itu.
‫Dan gaya yang saya tambahkan sebenarnya adalah pemicu.
‫Jadi saya bisa ada sesuatu yang disebut pemicu gaya, yang akan memicu perubahan gaya.
‫Dan itulah pemicunya dijalankan setelah mouse berada di atas tombol itu dan itu akan mengatur segalanya.
‫Jadi apa yang akan dilakukannya adalah mengatur ukuran font ke nilai yang telah kita
‫tentukan di sini dan sekarang di sini kita menetapkan nilai itu benar berarti akan dipicu ketika mouseover ini benar.
‫Dan itu benar begitu kita mengarahkan mouse kita atau begitu kita berada di atas tombol.
‫Jadi jika kita menjalankannya, kita akan melihat beberapa perubahan.
‫Dan ini adalah pendekatan yang agak panjang untuk hanya memiliki fungsionalitas hover, tetapi lebih banyak lagi yang ingin kami
‫gunakan di sini.
‫Jadi Anda lihat, saya mengarahkan kursor ke atasnya dan warnanya berubah menjadi warna kebiruan ini dan kemudian kita memiliki teks ini yang tampak
‫lebih besar.
‫Jadi nilainya berubah menjadi 30.
‫Jadi itu bagus dan semuanya.
‫Tetapi mengapa kita perlu memiliki kode yang panjang ini?
‫Nah, masalahnya kita menggunakan properti di sini.
‫Seperti yang Anda lihat, benda ini disebut properti.
‫Dan sebenarnya lebar adalah properti, konten adalah properti, latar belakang adalah properti.
‫Dan mereka bergantung pada properti dependensi atau mereka terhubung ke properti dependensi dan mereka penting
‫untuk penambangan data.
‫Seperti yang saya katakan, apa yang akan kita bahas di video berikutnya atau salah satu video berikutnya.
‫Tetapi ada juga yang penting untuk memiliki peristiwa pemicu ini atau bahwa tombol itu menyadari apa yang sedang
‫terjadi.
‫Jadi mari kita lanjutkan dan buat tombol di dalam metode jendela utama kita.
‫Hanya akan membuat tombol.
‫Dan sekarang saya ingin memeriksa kelas itu sendiri.
‫Jadi pergi ke definisi sehingga Anda cukup menekan F 12 untuk sampai ke definisi.
‫Apa yang akan dilakukan adalah itu akan menunjukkan kepada saya kelas tombol.
‫Dan seperti yang Anda lihat, ini adalah kelas yang mewarisi dari berbasis tombol.
‫Ada properti ketergantungan hanya baca statis, yaitu default, properti dibatalkan, properti memiliki
‫properti default.
‫Jadi tidak terlalu banyak.
‫Tapi yang juga bisa Anda lihat adalah sebenarnya ada properti biasa di sini.
‫Jadi ini SEAL.
‫Properti kami yang kami miliki di sini, yang disebut default ini, dibatalkan dan
‫default dan mereka terhubung ke properti ketergantungan tersebut.
‫Jadi itu mewakili properti yang dapat diatur melalui metode seperti ubin, animasi pengikatan data,
‫dan pewarisan.
‫Jadi penambangan data, seperti yang saya katakan, adalah sesuatu yang akan kita bahas nanti di styling.
‫Bagus.
‫Tapi kita baru saja selesai menata tombol kita dan kita bisa menggunakan animasi dan pewarisan untuk itu.
‫Tapi sekarang mari kita lihat lebih dalam ke dasar tombol sehingga kita tahu bahwa tombol diturunkan dari dasar
‫tombol.
‫Kemudian kita bisa pergi ke definisi dasar tombol dan periksa.
‫Baiklah.
‫Ini adalah kelas kontrol konten.
‫Jadi basis tombol mewarisi dari kontrol konten, yang, yah, basis tombol memiliki acara yang dirutekan, seperti yang Anda lihat di
‫sini, klik acara.
‫Dan kita telah melihat terakhir kali DOT termasuk acara dan memiliki banyak properti ketergantungan
‫juga, seperti mode klik yang ditekan, perintah properti, target dan sebagainya.
‫Tapi kami belum menyentuh beberapa di antaranya.
‫Namun yang lebih menarik, jika kita masuk lebih jauh ke dalam kontrol konten, kita dapat
‫melihat bahwa ada properti yang mengatakan memiliki konten.
‫Jadi yang ini mengurus semua konten tombol.
‫Misalnya, teks adalah blok teks di dalam tombol kita.
‫Jadi jika kita memiliki konten di dalam tombol kita, maka.
‫Ini ditangani oleh kelas ini atau oleh kelas kontrol konten ini, dan sebenarnya kita bisa masuk lebih dalam lagi,
‫masuk ke definisi, dan di sini kita akan menemukan banyak properti ketergantungan dan untuk mengakar peristiwa.
‫Dan kelas kontrol ini memiliki properti ketergantungan yang disebut properti puting, lalu sikat air.
‫Jadi warna airnya, lalu alinyemen konten vertikal, perataan konten horizontal.
‫Dan sekarang di sini yang ini menarik bagi kami karena kami menggunakannya.
‫Ini adalah properti latar belakang dan itulah yang telah kami atur di file Zemo kami.
‫Seperti yang Anda lihat di sini, kami mengatakan latar belakang menjadi merah ungu pucat sehingga kami dapat mengakses properti ketergantungan tersebut melalui
‫properti kami di sini.
‫Jadi ini adalah properti kami seperti ukuran font, font, latar belakang keluarga, latar depan, semua
‫hal yang kami gunakan saat kami bekerja dengan kontrol dan tombol, misalnya, sebagai kontrol atau blok teks,
‫itu juga kontrol.
‫Jadi mereka semua mewarisi dari kelas kontrol ini dan mereka semua memiliki properti ketergantungan ini yang
‫kemudian memicu dan menginformasikan tentang, yah, perubahan.
‫Jadi di sini kita juga melihat bahwa ada sesuatu yang penting tentang properti dependensi, yaitu bahwa mereka selalu
‫statis dan hanya bisa dibaca.
‫Jadi ini sangat penting.
‫Juga, apa yang dapat Anda lihat adalah bahwa mereka selalu diakhiri dengan nama properti.
‫Jadi di sini, setiap kali kita mendefinisikan properti dependensi, kita mengatakan background, yang merupakan nama yang sama dengan
‫properti itu sendiri.
‫Jadi di sini, misalnya, di mana itu?
‫Ada latar belakang, tetapi kemudian juga istilah properti di akhir.
‫Jadi cerita yang sangat panjang.
‫Dan kami menggali sangat dalam.
‫Tapi kemudian kami akan menunjukkan sedikit lebih banyak kepada Anda apa itu properti dependensi dan apa yang kami kerjakan
‫sepanjang waktu.
‫Jadi kami bermain-main dengan properti, tetapi mereka benar-benar bekerja dengan properti dependensi.
‫Mengapa kita membutuhkan semua ini?
‫Nah, untuk memahami apa yang terjadi di sini dengan pemicu ini, YPF menggunakan properti dependensi di sini.
‫Jadi, misalnya, ini adalah mouseover dan mouseover memberikan pemberitahuan berantai ke WPX dengan bantuan
‫properti dependensi, dan itu memungkinkan kita untuk mengatur nilainya melalui.
‫Dan juga jika Anda memeriksanya, karena itu adalah sesuatu yang belum saya sentuh.
‫Ini sebenarnya kesalahan pembuatan kata.
‫Jadi kita harus menyingkirkan tombol ini di sini.
‫Tapi kami belum membahas atau menyentuhnya, yang cukup penting sebagai berikut.
‫Jadi Anda dapat melihat kami memiliki pemicu ini dan dikatakan properti adalah nilai mouseover.
‫Benar.
‫Dan itu akan memicu setelah ini benar, apa yang akan dilakukannya?
‫Nah, itu akan mengatur properti seperti ukuran font menjadi tiga puluh.
‫Dan biarkan saya tunjukkan lagi, OK, saya melihatnya.
‫Tetapi sekarang jika saya meninggalkan tombol, Anda dapat melihat bagaimana itu berubah kembali dan itu dilakukan oleh properti dependensi
‫ini.
‫Jadi itu menginformasikan tentang apa yang terjadi dan apa yang dijualnya, mengatur nilai ukuran font kembali ke
‫nilai aslinya.
‫Jadi seperti yang Anda lihat, itu hanya benar saat mouse selesai dan itu dimungkinkan melalui properti dependensi.
‫Sekarang, hal lain tentang properti dependensi, karena saya katakan mereka harus selalu statis dan hanya
‫baca, dan itu karena semua kontrol harus dibagikan dan tersedia.
‫Jadi, Anda tidak ingin kontrol hanya tersedia sekali.
‫Anda juga ingin itu tersedia untuk kelas lain dan tampilan lain dan seterusnya.
‫Dan itu statis karena nilainya tidak boleh diubah setelah inisialisasi.
‫Dan pemberitahuan berantai ini, pemicu properti ketergantungan diperlukan untuk penambangan data, untuk animasi, untuk pemicu, seperti yang telah
‫kita lihat di sini, untuk gaya dan sebagainya.
‫Sekarang, jika Anda ingin melanjutkan dan membuat properti ketergantungan Anda sendiri, Anda dapat melakukannya untuk waktu yang lama.
‫Jadi saya akan membuat properti baru di kelas ini di sini.
‫Aku akan menyebutnya, sebenarnya, mari kita letakkan di atas.
‫Saya akan menyebutnya publik dan properti saya.
‫Dan seperti yang saya katakan, ini adalah properti C LR.
‫Dan di sini saya perlu mendapatkan dan satu set.
‫Tapi itu tidak akan cukup.
‫Aku akan hanya orang-orang di kedua.
‫Mari kita buat properti dependensi untuk properti saya itu.
‫Jadi saya akan membuat
‫properti dependensi read-only publik statis yang disebut properti dependensi properti dependensi saya.
‫Dan yang itu harus segera diinisialisasi dengan properti dependensi dot register.
‫Jadi kami mendaftarkan properti dependensi baru dan kami perlu menetapkan banyak hal.
‫Misalnya, kita perlu memiliki nama string.
‫Aku hanya akan menyebutnya.
‫Properti saya, maka kita membutuhkan tipe properti, jadi tipe properti apa yang harus dimiliki?
‫Dan seperti yang telah kita lihat di sini, properti yang menjadi milik saya bertipe.
‫Jadi saya akan menggunakan tipe tipe int selanjutnya.
‫Kita perlu mengetik pemilik properti.
‫Jadi pemilik tipe dan pemilik tipe properti saya ini adalah kelas jendela utama saya karena, yah, itu di
‫utama tanpa kelas.
‫Jadi kami hanya mengatakan tipe akan menjadi jendela utama dan sekarang kami juga perlu menyerahkan metadata properti.
‫Jadi saya akan membuat metadata properti baru, yang akan menjadi nol.
‫Jadi saya hanya akan memasukkan nol di sini.
‫Tidak ada yang terlalu mewah di sana dan hanya itu.
‫Jadi begitulah cara kita membuat properti dependensi.
‫Dan sekarang properti saya sendiri juga harus dipengaruhi oleh properti ketergantungan ini, tentu saja.
‫Dan untuk melakukan itu, saya harus melanjutkan dan menyesuaikan get and set.
‫Jadi Geter harus mengembalikan nilai get kami, properti ketergantungan saya.
‫Tetapi sekarang kita memiliki masalah bahwa nilai properti dependensi bertipe properti dependensi.
‫Dan meskipun kami mengatakan bahwa itu bertipe int, kami masih perlu memasukkannya ke dalamnya.
‫Jadi saya akan memasukkannya ke dalam bilangan bulat dan sekarang kita dapat melanjutkan dan benar-benar mendekati scatter di seluruh
‫pernyataan.
‫Benar.
‫Lebih baik berkata.
‫Dan sekarang setter harus disetel nilainya.
‫Dan di sini saya mengatur properti dependensi saya ke nilai yang diberikan.
‫Jadi itulah yang kami lakukan di sini dan begitulah cara Anda membuat properti dependensi Anda sendiri.
‫Jadi inilah yang penting.
‫Hanya baca statis Anda perlu membuatnya sebagai tipe properti ketergantungan.
‫Anda bisa memberinya nama, lalu Anda perlu mendaftarkannya dan Anda perlu memberinya nama, tipe.
‫Dan di mana pemiliknya atau apa pemilik kelas di mana properti itu dibuat.
‫Dan kemudian Anda perlu menyerahkan beberapa metadata properti sehingga Anda dapat menambahkan beberapa metadata properti tambahan.
‫Seperti yang Anda lihat, ada empat tuan yang berbeda, dan Anda dapat menyerahkan objek, yang
‫merupakan nilai default, dan saya hanya mengatakan, OK, nilai default nol.
‫Jadi properti saya akan default ke nol karena metadata properti saya yang saya siapkan di sini.
‫Baiklah.
‫Begitu banyak barang di sini.
‫Dan tergantung pada apa yang akan Anda kembangkan, Anda mungkin tidak akan pernah membuat properti ketergantungan Anda sendiri.
‫Jadi jangan khawatir.
‫Jika suatu saat Anda perlu menggunakan properti ketergantungan, lihat saja cara membuatnya sendiri.
‫Jika tidak, Anda cukup menggunakan properti yang kami miliki di sini.
‫Dan untuk pengguna akhir atau katakanlah untuk pengembang yang baru saja membangun UI dan itu tidak akan terlalu
‫relevan.
‫Tapi saya hanya ingin menunjukkan kepada Anda bagaimana segala sesuatunya dibangun dan apa yang penting di sini.
‫Baiklah.
‫Jadi sampai jumpa di video selanjutnya.