مرجع تخصصی بروزترین مقالات طراحی اپلیکیشن

ایمپورت کلاس‌های مایحتاج
پیش از هر چیز بایستی خط ایمپورت‌ها کد پایین را اضافه کنیم:

1import androidx.appcompat.app.AlertDialogimport android.view.View

قسمت ایمپورت‌ها را می‌اقتدار مخفی کرد. برای مفتوح کردن هم یا این که روی بیضی‌ها دابل-کلیک نمایید یا این که روی آیکون + سمت راست خط بزنید. در زمینه ی ترتیب این طراحی اپلیکیشن در مشهد مورد ها نگران نباشید زیرا تفاوتی ساخت و ساز نمی‌نماید.

ساخت و ساز یک سیاق برای اکران اخطار
در حال حاضر وهله به خویش اخطار رسیده میباشد که ذیل روال ()onCreate می‌نویسیم. یک مشی نو برای اکران اخطار با کد پایین تولید نمائید:

1fun showBasicDialog(view: View?) {

2 //1
3 val builder = AlertDialog.Builder(this)
4 //2
5 builder.setTitle("Alert")
6 builder.setMessage("The body of my alert")
7 //3
8 builder.show()
9}

کد فوق را قدم به قدم تحقیق میکنیم. نصیب‌های گوناگون با کامنت شماره‌گذاری گردیده‌اند که ولی شما نیازی به ایفا این شغل ندارید.

اندروید یک builder پیش‌فرض برای تولید Alert Dialogs ارائه می‌نماید، به این ترتیب ما یحتاج وجود ندارد درخصوص منطق آن نگران باشید. با استعمال از آن به نرم افزار اعلام میکنیم که یک Builder برای «این» ‌کلاس بسازد.
برای اخطار خویش یک تیتر و پیام انتخاب می کنیم.
از بیلدر میخواهیم که اخطار را اکران دهد.
اینک بایستی این اسلوب را به ترتیبی فراخوانی کنیم. در پایان ()onCreate، کد تحت را اضافه نمایید:

1showBasicDialog(null)

در صورتی‌که مطمئن نیستید که کد شما اکنون می بایست به چه شکل باشد، به تصویر تحت نگاه نمائید. در صورتی‌که داده ها نو متعددی می بینید، نگران نباشید زیرا تمامی این مفاد را معدود‌نادر رسیدگی خوا هیم کرد:

در حال حاضر نرم افزار را اعمال نمائید تا ملاحظه کنید چه اتفاقی فیس می دهد:

چنان که می بینید به محض اجرای نرم افزار، اخطار روی برگه اکران یافت. استدلال این قضیه خط کدی میباشد که در قدم انتها به روال ()onCreate اضافه کردیم تا بی‌فکر اخطار را علامت دهد. با این که‌این موقعیت مناسب ما وجود ندارد، البته دست‌کم فعلا از روش فعالیت آن استحضار داریم.

الصاق سیاق ()onCreate به اکشن دکمه
قدم بعدی این میباشد که کاری کنیم عوض این که اسلوب ()onCreate اخطار را نماد دهد، کاری کنیم که دکمه این فعالیت را جاری ساختن نماید. بدین خواسته به پوشه activity_main.xml بازگردید و خط ذیل را باطن تگ دکمه اضافه فرمائید:

1android:onClick="showBasicDialog"

فیض این بازنویسی پوشه XML در تصویر ذیل چشم می گردد:

دقت فرمائید که پارامتری به مشخصه onClick اضافه گردیده ست که به عبارتی مقدار اسم تابعی که پیش از اینً ساخت‌و‌ساز کردیم یعنی funshowBasicDialog(view: View?) را داراست. در اینجا نکته کلیدی پارامتر view میباشد. اسلوب آیتم استعمال برای یک اتفاق افتاد onClick بایستی یک پارامتر view داشته باشد تا عمل نماید.

در حال حاضر فراخوانی showBasicDialog(null) را از onCreate حذف کرده و نرم افزار را انجام نمائید:

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

قسمت 2: اضافه کردن تعامل
فعلا لحظه‌ای فکر می کنیم و روی اول چیزی که در طی پندار کردن به دیالوگ یا این که اخطار به ذهن می رسد، متمرکز می‌شویم. این تأمل را با فیض واپسین قدم ما یعنی تصویر فوق مقایسه نمایید. اول کمبودی که چشم می شود، خلا دکمه در دیالوگ اخطار میباشد. اکثر زمان ها اخطارها تعاملی میباشند یعنی آیتم‌هایی دارا هستند که قادر خواهیم بود از در میان آنها یکی‌از را تعیین کنیم. اما احتمالاً سازه به تجارب می دانید که در حین اکران دیالوگ‌ها با کلیک روی منطقه خاکستری پیرامونی بسته می‌گردد، ولی این شرایط از لحاظ تجربیات کاربری مطلوب وجود ندارد.

دکمه‌ها و تجربیات کاربری (UX)
دکمه‌ها یکی جالب‌ترین اجزای دنیای دیجیتال محسوب می گردند، ولی میدانیم که دکمه‌ها کالا این جهان نیستند و پیش از پدید داخل شدن رایانه‌ها و تلفن همراه‌ها هم وجود داشتند. در واقع این جادوی دکمه‌ها میباشد، زیرا به دنیای فیزیکی وابستگی دارا‌هستند و از این جهت میباشد که تمامی اشخاص به صورت شهودی می دانند چطور از آن به کارگیری نمایند. از سوی دیگر کلیک کردن روی منطقه خاکستری بیرون دیالوگ چیزی میباشد که بایستی به یار و همدم فناوری و الگوهای پیاده سازی امروزی آموخته خواهد شد؛ البته لزوماً شهودی وجود ندارد.

دکمه‌ها اجزای رایج پیاده سازی تعاملی می‌باشند. با این که ممکن میباشد اجزای بسیار معمولی‌ای از UI به حیث برسند، ولی ساختن آنان مداقه بسیار متعددی داراست.

اضافه کردن دکمه به اخطار

بایستی اشاره نمود که دکمه‌ها به ما حق تعیین میدهند. در اکثر وقت ها دیالوگ‌های اخطار بایستی دربین دو آیتم، یک کدام از را گزینش کنیم که به صورت معمول مورد‌های yes و no می‌باشند. اعتنا داشته باشید که‌این مورد‌ها بسته به غرض شما می توانند گوناگون باشند.

وقتی که پروژه را گشوده کردید به فولدر MainActivity.kt بروید و ()showBasicDialogFragment را بعداز فرمان builder.setMessage(“your message”) و پیش از ()builder.show پیدا نمائید. در‌این قسمت، آیتم‌های اخطار را اضافه میکنیم:

1//1
2builder.setPositiveButton("Yes") { dialog, which ->
3 //2
4 Toast.makeText(applicationContext, "Yes", Toast.LENGTH_SHORT).show()
5}
6//3
7builder.setNegativeButton("No") { dialog, which ->
8 //4
9 Toast.makeText(applicationContext, "No", Toast.LENGTH_SHORT).show()
10}

احتمالاً واژه و کلمه toast به رنگ قرمز‌رنگ درمی‌آید. عامل این زمینه عدم وجود آیتم ایمپورت میباشد. براین اساس ایمپورت آن را در اولِ فولدر اضافه میکنیم. همینطور میتوانید از کلیدهای ترکیبی option+intro یا این که ctrl+intro برای ایمپورت اتوماتیک آن به کار گیری فرمایید:

1//5
2import android.widget.Toast

کد فوق را قدم به گم رسیدگی می کنیم.

آغاز به شیء builder می گوییم که یک دکمه positive ساخت نماید. اندروید به صورت پیش‌فرض می داند که دکمه positive چیست و گه گاه به سیستم با مفاد دسترس‌پذیری متعلق میباشد و با به کارگیری از امر‌ها صوتی یا این که شیوه‌های دیگر میتوانید آن‌ها‌را تحریک نمائید. تأکید میکنیم که متن آن بایستی Yes باشد. بعد دو پارامتر اضافه میکنیم که او‌لین نشانه میدهد یک دیالوگ میباشد و دو‌مین یک پارامتر which میباشد که روی داد بعداز کلیک را مشخص و معلوم می‌سازد.
در قسمت 2 یک اکشن وجود دارااست که در حین کلیک کردن دکمه Yes جاری ساختن می گردد. در این باره یک مورد Toast ساخت می گردد که آن نیز متن Yes داراست تا کارکرد دکمه آزمایش گردد.
در قسمت 2 به عبارتی کد وجود داراست، البته این توشه دکمه منفی با متن No تعریف و تمجید می گردد.
همچون نصیب پیشین این توشه نیز یک Toast با متن NO به کار گیری می‌گردد.

ایمپورت کلاس‌های مایحتاج
پیش از هر چیز بایستی خط ایمپورت‌ها کد پایین را اضافه کنیم:

1import androidx.appcompat.app.AlertDialogimport android.view.View

قسمت ایمپورت‌ها را می‌اقتدار مخفی کرد. برای مفتوح کردن هم یا این که روی بیضی‌ها دابل-کلیک نمایید یا این که روی آیکون + سمت راست خط بزنید. در زمینه ی ترتیب این طراحی اپلیکیشن در مشهد مورد ها نگران نباشید زیرا تفاوتی ساخت و ساز نمی‌نماید.

ساخت و ساز یک سیاق برای اکران اخطار
در حال حاضر وهله به خویش اخطار رسیده میباشد که ذیل روال ()onCreate می‌نویسیم. یک مشی نو برای اکران اخطار با کد پایین تولید نمائید:

1fun showBasicDialog(view: View?) {

2 //1
3 val builder = AlertDialog.Builder(this)
4 //2
5 builder.setTitle("Alert")
6 builder.setMessage("The body of my alert")
7 //3
8 builder.show()
9}

کد فوق را قدم به قدم تحقیق میکنیم. نصیب‌های گوناگون با کامنت شماره‌گذاری گردیده‌اند که ولی شما نیازی به ایفا این شغل ندارید.

اندروید یک builder پیش‌فرض برای تولید Alert Dialogs ارائه می‌نماید، به این ترتیب ما یحتاج وجود ندارد درخصوص منطق آن نگران باشید. با استعمال از آن به نرم افزار اعلام میکنیم که یک Builder برای «این» ‌کلاس بسازد.
برای اخطار خویش یک تیتر و پیام انتخاب می کنیم.
از بیلدر میخواهیم که اخطار را اکران دهد.
اینک بایستی این اسلوب را به ترتیبی فراخوانی کنیم. در پایان ()onCreate، کد تحت را اضافه نمایید:

1showBasicDialog(null)

در صورتی‌که مطمئن نیستید که کد شما اکنون می بایست به چه شکل باشد، به تصویر تحت نگاه نمائید. در صورتی‌که داده ها نو متعددی می بینید، نگران نباشید زیرا تمامی این مفاد را معدود‌نادر رسیدگی خوا هیم کرد:

در حال حاضر نرم افزار را اعمال نمائید تا ملاحظه کنید چه اتفاقی فیس می دهد:

چنان که می بینید به محض اجرای نرم افزار، اخطار روی برگه اکران یافت. استدلال این قضیه خط کدی میباشد که در قدم انتها به روال ()onCreate اضافه کردیم تا بی‌فکر اخطار را علامت دهد. با این که‌این موقعیت مناسب ما وجود ندارد، البته دست‌کم فعلا از روش فعالیت آن استحضار داریم.

الصاق سیاق ()onCreate به اکشن دکمه
قدم بعدی این میباشد که کاری کنیم عوض این که اسلوب ()onCreate اخطار را نماد دهد، کاری کنیم که دکمه این فعالیت را جاری ساختن نماید. بدین خواسته به پوشه activity_main.xml بازگردید و خط ذیل را باطن تگ دکمه اضافه فرمائید:

1android:onClick="showBasicDialog"

فیض این بازنویسی پوشه XML در تصویر ذیل چشم می گردد:

دقت فرمائید که پارامتری به مشخصه onClick اضافه گردیده ست که به عبارتی مقدار اسم تابعی که پیش از اینً ساخت‌و‌ساز کردیم یعنی funshowBasicDialog(view: View?) را داراست. در اینجا نکته کلیدی پارامتر view میباشد. اسلوب آیتم استعمال برای یک اتفاق افتاد onClick بایستی یک پارامتر view داشته باشد تا عمل نماید.

در حال حاضر فراخوانی showBasicDialog(null) را از onCreate حذف کرده و نرم افزار را انجام نمائید:

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

قسمت 2: اضافه کردن تعامل
فعلا لحظه‌ای فکر می کنیم و روی اول چیزی که در طی پندار کردن به دیالوگ یا این که اخطار به ذهن می رسد، متمرکز می‌شویم. این تأمل را با فیض واپسین قدم ما یعنی تصویر فوق مقایسه نمایید. اول کمبودی که چشم می شود، خلا دکمه در دیالوگ اخطار میباشد. اکثر زمان ها اخطارها تعاملی میباشند یعنی آیتم‌هایی دارا هستند که قادر خواهیم بود از در میان آنها یکی‌از را تعیین کنیم. اما احتمالاً سازه به تجارب می دانید که در حین اکران دیالوگ‌ها با کلیک روی منطقه خاکستری پیرامونی بسته می‌گردد، ولی این شرایط از لحاظ تجربیات کاربری مطلوب وجود ندارد.

دکمه‌ها و تجربیات کاربری (UX)
دکمه‌ها یکی جالب‌ترین اجزای دنیای دیجیتال محسوب می گردند، ولی میدانیم که دکمه‌ها کالا این جهان نیستند و پیش از پدید داخل شدن رایانه‌ها و تلفن همراه‌ها هم وجود داشتند. در واقع این جادوی دکمه‌ها میباشد، زیرا به دنیای فیزیکی وابستگی دارا‌هستند و از این جهت میباشد که تمامی اشخاص به صورت شهودی می دانند چطور از آن به کارگیری نمایند. از سوی دیگر کلیک کردن روی منطقه خاکستری بیرون دیالوگ چیزی میباشد که بایستی به یار و همدم فناوری و الگوهای پیاده سازی امروزی آموخته خواهد شد؛ البته لزوماً شهودی وجود ندارد.

دکمه‌ها اجزای رایج پیاده سازی تعاملی می‌باشند. با این که ممکن میباشد اجزای بسیار معمولی‌ای از UI به حیث برسند، ولی ساختن آنان مداقه بسیار متعددی داراست.

اضافه کردن دکمه به اخطار

بایستی اشاره نمود که دکمه‌ها به ما حق تعیین میدهند. در اکثر وقت ها دیالوگ‌های اخطار بایستی دربین دو آیتم، یک کدام از را گزینش کنیم که به صورت معمول مورد‌های yes و no می‌باشند. اعتنا داشته باشید که‌این مورد‌ها بسته به غرض شما می توانند گوناگون باشند.

وقتی که پروژه را گشوده کردید به فولدر MainActivity.kt بروید و ()showBasicDialogFragment را بعداز فرمان builder.setMessage(“your message”) و پیش از ()builder.show پیدا نمائید. در‌این قسمت، آیتم‌های اخطار را اضافه میکنیم:

1//1
2builder.setPositiveButton("Yes") { dialog, which ->
3 //2
4 Toast.makeText(applicationContext, "Yes", Toast.LENGTH_SHORT).show()
5}
6//3
7builder.setNegativeButton("No") { dialog, which ->
8 //4
9 Toast.makeText(applicationContext, "No", Toast.LENGTH_SHORT).show()
10}

احتمالاً واژه و کلمه toast به رنگ قرمز‌رنگ درمی‌آید. عامل این زمینه عدم وجود آیتم ایمپورت میباشد. براین اساس ایمپورت آن را در اولِ فولدر اضافه میکنیم. همینطور میتوانید از کلیدهای ترکیبی option+intro یا این که ctrl+intro برای ایمپورت اتوماتیک آن به کار گیری فرمایید:

1//5
2import android.widget.Toast

کد فوق را قدم به گم رسیدگی می کنیم.

آغاز به شیء builder می گوییم که یک دکمه positive ساخت نماید. اندروید به صورت پیش‌فرض می داند که دکمه positive چیست و گه گاه به سیستم با مفاد دسترس‌پذیری متعلق میباشد و با به کارگیری از امر‌ها صوتی یا این که شیوه‌های دیگر میتوانید آن‌ها‌را تحریک نمائید. تأکید میکنیم که متن آن بایستی Yes باشد. بعد دو پارامتر اضافه میکنیم که او‌لین نشانه میدهد یک دیالوگ میباشد و دو‌مین یک پارامتر which میباشد که روی داد بعداز کلیک را مشخص و معلوم می‌سازد.
در قسمت 2 یک اکشن وجود دارااست که در حین کلیک کردن دکمه Yes جاری ساختن می گردد. در این باره یک مورد Toast ساخت می گردد که آن نیز متن Yes داراست تا کارکرد دکمه آزمایش گردد.
در قسمت 2 به عبارتی کد وجود داراست، البته این توشه دکمه منفی با متن No تعریف و تمجید می گردد.
همچون نصیب پیشین این توشه نیز یک Toast با متن NO به کار گیری می‌گردد.