مقالات طراحی اپ موبایل

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

آغاز به تمجید قانونی اندروید (‌+) راجع‌به دیالوگ‌ها می پردازیم:

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

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

پیام‌های تأیید
اخطار برای وارد کرد تاریخ یا این که متن
اخطار برای گزینش یک آیتم
راهنمای دیالوگ‌های اخطار کاتلین اندروید
با این که‌این یک راهنمای مقدماتی میباشد، البته هر که میتواند آن را بخواند تا داده ها مقدماتی را رفرش کرده و یا این که با شایسته ترین راه‌ها آشنا گردد. فعالیت خویش را با ساخت یک پروژه نو در اندروید استودیو استارت میکنیم.

فرمائید
درین راهنما از پیکربندی ذیل به کار گیری می کنیم:

اندروید استودیو 3.5.3
کاتلین 1.3
کتابخانه Compat: AndroidX
در حالتی‌که ترجیح می‌دهید به مکان تشکیل داد این پروژه، کد آغازین آن را دانلود فرمائید، میتوانید به‌این نشانی (+) رجوع‌کنید.

شروع پروژه
عمل خویش را با یک پوسته empty activity template استارت می کنیم و پیکربندی پیش‌فرض را به طور تصویر تحت قرار میدهیم:

نرم افزار را جاری ساختن نمائید تا چیزی شبیه تصویر ذیل مشاهده کنید، گرچه رنگ آن ممکن میباشد فرق داشته باشد:

قسمت 1: مبانی اخطارها
در‌این نصیب با مبانی مقدماتی پیاده سازی یک Alert آشنا خوا هیم شد.

کلیک فرمائید
ساخت و ساز یک دکمه برای اکران اخطار
اول کاری که می بایست روی این شیت اعمال دهیم، آن میباشد که متن Hello World را از کاغذ حذف کرده و یک دکمه به مکان آن در اختیار بگذاریم. این دکمه، اخطار به طور کاملً معمولی ما‌را تحریک می‌نماید. به‌این خواسته به فولدر activity_main.xml بروید. این فولدر می بایست در هنگامی که پروژه را تولید کردید، گشوده گردیده باشد، در صورتی‌که به این شکل وجود ندارد در فولدر activity_main.xml درپی آن بگردید. اول توشه که‌این فولدر را گشوده میکنید، در کناره تحت-چپ ورقه دو زبانه به اسم‌های Design و Text خواهید مشاهده کرد که احتمالاً Design تعیین شد‌ه‌است.

با این که‌این ورقه برای دیدن پیش‌اکران بهتر میباشد، ولی نسبتاًً مدام درگیر بازنویسی کد در قسمت Text خواهید بود.

خطوط کدی که متن Hello world را اکران می دهند در تگ در تصویر فوق قرار دارا‌هستند که مشتمل بر خطوط 9 تا 16 کد میباشد. آن کد را با کد ذیل عوض نمائید:

12 android:layout_height="wrap_content"
3 android:text="Show basic dialog!"
4 app:layout_constraintBottom_toBottomOf="parent"
5 app:layout_constraintLeft_toLeftOf="parent"
6 app:layout_constraintRight_toRightOf="parent"
7 app:layout_constraintTop_toTopOf="parent" />

در حالتی که کد گذشته را با کد فوق مقایسه فرمائید، متوجه می شوید که ما فقط متن و تگ را تغییر‌و تحول داده‌ایم، به نحوی که از TextView به Button عوض شد‌ه‌است. چنان که می بینید کد لی‌آوت XML اندروید به طور کاملً سرراست میباشد. سایر خطوط که دست‌نخورده گذاشتیم به مشخصه‌های نما مربوط می‌باشند که نماد می دهند مسافت می بایست کجا باشد در شرایطی‌که این مورد ها را موقتیً فهم و شعور نمیکنید نگران باشید. به زبانه Design بازگردید تا پیش‌نمایشی از دکمه ملاحظه کنید که می بایست به طور تصویر تحت باشد:

فعلا نرم افزار را ایفا نمائید تا دکمه را روی برگه ملاحظه کنید که تا حدودی مشابه موقعیت پیش‌اکران میباشد. سود را در تصویر تحت میبینید:

تایپ کردن کد کاتلین برای دیالوگ اخطار
فولدر MainActivity.kt را گشوده فرمایید. این پوشه مشمول تمامی کد کاتلین برای در اختیار گرفتن برگه میباشد که تا قبل از اینً بازنویسی کردیم. درصورتی که فولدر را از مجال ساخت و ساز پروژه هنوز توشه نکرده‌اید، آن را در مسیر پایین پیدا میکنید:

1app > java > your project name > MainActivity.kt

چنان که میبینید این فولدر کد مقداری دارااست:

اسم پکیجی که به آن وابستگی دارااست.
بعضا ایمپورت‌های پیش‌فرض
کلاس اکتیویتی اساسی
تابع ()onCreate که صحیح بعد از تولید شدن ورقه، اعمال می‌گردد. از روش فرمان setContentView(R.layout.activity_main) به نرم افزار اعلام می کنیم که از پوشه activity_main.xml برای لی‌آوت این کد به کار گیری نماید.
در حال حاضر توضیح کافی میباشد و مجدد به کدنویسی می پردازیم.

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

آغاز به تمجید قانونی اندروید (‌+) راجع‌به دیالوگ‌ها می پردازیم:

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

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

پیام‌های تأیید
اخطار برای وارد کرد تاریخ یا این که متن
اخطار برای گزینش یک آیتم
راهنمای دیالوگ‌های اخطار کاتلین اندروید
با این که‌این یک راهنمای مقدماتی میباشد، البته هر که میتواند آن را بخواند تا داده ها مقدماتی را رفرش کرده و یا این که با شایسته ترین راه‌ها آشنا گردد. فعالیت خویش را با ساخت یک پروژه نو در اندروید استودیو استارت میکنیم.

فرمائید
درین راهنما از پیکربندی ذیل به کار گیری می کنیم:

اندروید استودیو 3.5.3
کاتلین 1.3
کتابخانه Compat: AndroidX
در حالتی‌که ترجیح می‌دهید به مکان تشکیل داد این پروژه، کد آغازین آن را دانلود فرمائید، میتوانید به‌این نشانی (+) رجوع‌کنید.

شروع پروژه
عمل خویش را با یک پوسته empty activity template استارت می کنیم و پیکربندی پیش‌فرض را به طور تصویر تحت قرار میدهیم:

نرم افزار را جاری ساختن نمائید تا چیزی شبیه تصویر ذیل مشاهده کنید، گرچه رنگ آن ممکن میباشد فرق داشته باشد:

قسمت 1: مبانی اخطارها
در‌این نصیب با مبانی مقدماتی پیاده سازی یک Alert آشنا خوا هیم شد.

کلیک فرمائید
ساخت و ساز یک دکمه برای اکران اخطار
اول کاری که می بایست روی این شیت اعمال دهیم، آن میباشد که متن Hello World را از کاغذ حذف کرده و یک دکمه به مکان آن در اختیار بگذاریم. این دکمه، اخطار به طور کاملً معمولی ما‌را تحریک می‌نماید. به‌این خواسته به فولدر activity_main.xml بروید. این فولدر می بایست در هنگامی که پروژه را تولید کردید، گشوده گردیده باشد، در صورتی‌که به این شکل وجود ندارد در فولدر activity_main.xml درپی آن بگردید. اول توشه که‌این فولدر را گشوده میکنید، در کناره تحت-چپ ورقه دو زبانه به اسم‌های Design و Text خواهید مشاهده کرد که احتمالاً Design تعیین شد‌ه‌است.

با این که‌این ورقه برای دیدن پیش‌اکران بهتر میباشد، ولی نسبتاًً مدام درگیر بازنویسی کد در قسمت Text خواهید بود.

خطوط کدی که متن Hello world را اکران می دهند در تگ در تصویر فوق قرار دارا‌هستند که مشتمل بر خطوط 9 تا 16 کد میباشد. آن کد را با کد ذیل عوض نمائید:

12 android:layout_height="wrap_content"
3 android:text="Show basic dialog!"
4 app:layout_constraintBottom_toBottomOf="parent"
5 app:layout_constraintLeft_toLeftOf="parent"
6 app:layout_constraintRight_toRightOf="parent"
7 app:layout_constraintTop_toTopOf="parent" />

در حالتی که کد گذشته را با کد فوق مقایسه فرمائید، متوجه می شوید که ما فقط متن و تگ را تغییر‌و تحول داده‌ایم، به نحوی که از TextView به Button عوض شد‌ه‌است. چنان که می بینید کد لی‌آوت XML اندروید به طور کاملً سرراست میباشد. سایر خطوط که دست‌نخورده گذاشتیم به مشخصه‌های نما مربوط می‌باشند که نماد می دهند مسافت می بایست کجا باشد در شرایطی‌که این مورد ها را موقتیً فهم و شعور نمیکنید نگران باشید. به زبانه Design بازگردید تا پیش‌نمایشی از دکمه ملاحظه کنید که می بایست به طور تصویر تحت باشد:

فعلا نرم افزار را ایفا نمائید تا دکمه را روی برگه ملاحظه کنید که تا حدودی مشابه موقعیت پیش‌اکران میباشد. سود را در تصویر تحت میبینید:

تایپ کردن کد کاتلین برای دیالوگ اخطار
فولدر MainActivity.kt را گشوده فرمایید. این پوشه مشمول تمامی کد کاتلین برای در اختیار گرفتن برگه میباشد که تا قبل از اینً بازنویسی کردیم. درصورتی که فولدر را از مجال ساخت و ساز پروژه هنوز توشه نکرده‌اید، آن را در مسیر پایین پیدا میکنید:

1app > java > your project name > MainActivity.kt

چنان که میبینید این فولدر کد مقداری دارااست:

اسم پکیجی که به آن وابستگی دارااست.
بعضا ایمپورت‌های پیش‌فرض
کلاس اکتیویتی اساسی
تابع ()onCreate که صحیح بعد از تولید شدن ورقه، اعمال می‌گردد. از روش فرمان setContentView(R.layout.activity_main) به نرم افزار اعلام می کنیم که از پوشه activity_main.xml برای لی‌آوت این کد به کار گیری نماید.
در حال حاضر توضیح کافی میباشد و مجدد به کدنویسی می پردازیم.