پرش به محتوا

آموزش کار با دیالوگ باکس در Getx ❤️

    امیدوارم کار با اسنک بار در بخش قبلی و بلد شده باشید و آماده باشید که با هم بریم سراغ مبحث بعدی که دیالوگ باکس هست 🙂

    لطفا کار رو روی همون پروژه بخش قبلی ادامه بدید که با هم ساختیم تا به مشکل نخورید. من برای این بخش کد های بخش کدهای رویداد آن پرس و پاک کردم. بریم و ادامه کار رو با هم داشته باشیم

    حالا میخوام به جای اسنک بار داخل آن پرس کد های مربوط به دیالوگ باکس رو بنویسم پس قدم به قدم بامن پیش بیایید.

    با قطعه کد ساده زیر شروع میکنیم:

    و نتیجه رو میبینیم

    این میشه دیالوگ باکس ما حالا بریم و ویژگی های دلخواهمون رو بهش بدیم و شخصی سازیش کنیم:

    میتونیم بهش تایتل بدیم که از ما استرینگ میخواد و اون متن رو قسمت بالای دیالوگ باکس برامون نمایش میده میتونیم به تایتلمون استایل بدیم و برای این کار از تکست استایل استفاده میکنیم و فونت رو تغییر میدیم یا رنگ و ...

    خب حالا میخوایم که اون متن وسط دیالوگ باکس رو تغییر بدیم برای این کار ار میدل تکست استفاده میکنیم که باهاش میتونیم متن دلخواهمون رو اون وسط قرار بدیم و بعد مثل تایتل میتونیم به میدل تکست خودمون هم استایل خاصی بدیم که دوست داریم

    پراپرتی های زیادی داره مثل بک گراند کالر که دیگه براتون کاملا آشنا هست. میتونیم که رنگ پس زمینه دیالوگ باکس رو تغییر بدیم در خصوص گوشه های دیالوگ باکس باید بگم خودش بای دیفالت گرد هست اما اگر بخوایم میزان گرد بودنش رو تنظیم کنیم باید از Radius استفاده کنیم و مقدار کمتری بهش بدیم...

    مثل کد بالا باید شده باشه کدتون و لطفا پروژه رو ران بگیرید و ببینید که براتون درست کار میکنه. میتونید خودتون با پراپرتی ها بیشتر کار کنید تا لم کار دستتون بیاد !

    اما ویژگی دیگه ای که میتونیم به برنامه بدیم تکست کنسل هست که یک دکمه رو ایجاد میکنه تا کاربر با کلیک کردن روی دیالوگ باکس رو ببنده. باید بهش استرینگ بدیم که داخل دکمه ی مربوطه قرارش بده میتونیم به این دکمه ی کنسل هم حالت هایی بدیم مثل زیر:

    آن کنسل برای این هست که وقتی روی دکمه کنسل زدیم بعدش چه اتفاقی بیوفته درست مثل آن پرس که قبلا کار کردیم !

    مشابه تکست کنسل ما تکست کانفرم هم داریم که در اکثر برنامه ها حتما دیدید که از این دو دکمه ساتفاده میکنن برای عملیات لغو یا تایید.

    اگر ترمینال و باز کنید میبینید که متنی رو براتون در محیط کنسول نمایش داده که در قسمت آن کنسل و آن کانفرم نوشتیم

    میتونیم از باتن کالر هم استفاده کنیم و رنگ دکمه ها رو به دلخواه تغییر بدیم نکته ی دیگه ای که هست اینه که اگر موقع نمایش دیالوگ باکس خارج از کادر دیالوگ کلیک کنیم دیالوگ باکس محو میشه از صفحه برای این که این اتفاق نیوفته از برر استفاده میکنیم و اون و فالس میکنیم مطابق تصویر پایین

    این جوری تا روی کنسل نزنید دیالوگ باکس ما محو نمیشه لطفا پراپرتی های دیگه رو خودتون به عنوان تمرین تست و اجرا کنید من مهم هاشون رو براتون توضیح دادم امیدوارم لذت برده باشید

    5/5 - ( 1 امتیاز )

    دیدگاه شما نگاه ما رو عوض میکنه !

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    پشتیبانی آنلاین