همونجور که میدونید ، دایالوگ یه چیزی هست شبیه پاپ آپ ( پنجره باز شونده ) ، که توی این آموزش با کاتلین ، یه دایالوگ میسازیم که متریال دیزاین هم باشه . اینجوری که یه Button تعریف میکنیم که با کلیک کردن روش ، اون دایالوگ واسمون باز بشه . یه پروژه کاتلین توی اندروید استودیو میسازیم . 

توی این مثال ، ما دو تا لایوت داریم . یکی که لایوت اصلی هست ، و اون یکی لایوت مربوط به دایالوگ هست . ما میخوایم لایوت مربوط به دایالوگ ، توی لایوت اصلی استفاده بشه . پس واسه اینکار ، لایوت اصلی خودمون رو از نوع FrameLayout تعریف میکنیم . و یه متن دلخواه و یه دکمه هم تعریف میکنیم : 

و توی لایوت مربوط به دایالوگ ، دو تا قسمت داریم . یه قسمت که شبیه header هست و شامل یه عکس میشه با یه رنگ پس زمینه ، و واسه این قسمت بالایی ما از RelativeLayout استفاده میکنیم . و بعدش متن های دلخواهمون رو وارد میکنیم . پس این میشه لایوت مربوط به دایالوگ : 

حالا توی اکتیویتی اصلی ، همون MainActivity.kt ، میخوایم روی Button که توی لایوت اصلی تعریف کردیم و آی دی btn داره کلیک بشه و دایالوگ واسمون باز بشه . همونطور که قبلا گفتم ، توی کاتلین ، مثل اندروید نیاز نیست که اتصال عناصر لایوت رو هم تعریف کنیم . میتونیم توی لایوت  هر چیزی با هر آی دی تعریف کنیم ، و از اون آی دی مستقیم توی کاتلین استفاده کنیم . یه تابع تعریف میکنیم به اسم showDialog که وقتی روی btn کلیک شد ، این تابع رو فراخوانی کنیم . کدهای تابع showDialog : 

حالا میخوایم از اون TextView ها که تعریف کردیم ، از آخریش استفاده کنیم تا وقتی کاربر روی اوکی کلیک کرد ، دایالوگ بسته بشه و یه پیغام Toast هم نشون داده بشه . ما اینجا باید اتصال اون آی دی رو برقرار کنیم ، چون بین کلاس ما و لایوت اصلی ، یه لایوت واسطه که لایوت دایالوگ هست قرار گرفته ، پس میایم اتصال تکست ویو آخری رو برقرار میکنیم . اول میایم تعریفش میکنیم :

و بعد متصلش میکنیم : 

 

کل کدهای اکتیویتی : 

خروجی برنامه مون میشه این : 


و سورس رو هم میتونید دانلود کنید : 

دانلود سورس

ساخت دایالوگ با کاتلین به سبک متریال دیزاین

مجتبی صابری


همه عشقم برنامه نویسی هست | t.me/developer9 | t.me/kotlin9


پیمایش نوشته


پاسخ دهید

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