سلام دوستان
در این قسمت قراره یاد بگیریم که چطوری برای تعامل با کاربر المنت های مورد نیازمون رو درون لیوت قرار بدیم .(مشاهده قسمت قبلی)

یک پروژه جدید ایجاد کنید
نام اپلیکیشن : AgeCounter
نام دامین اپلیکیشن :apk.manoandroid.com
سطح API اپلیکیشن : ۱۵
نوع اکتیوتی : Empty Activity
نام اکتیوتی : پیشفرض (MainActivity)
نام لیوت : پیش فرض (activity_main)

برای قرار دادن المنت های مورد نیازمون درون لیوت با توجه به حالت (Design یا Text)2 راه پیش رو داریم:
۱-در حالت Design : در این روش المنت (پلت) مورد نظرمون رو از بخش Pallete انتخاب کرده و با موس اون رو درون لیوت می کشیم .

۲- در حالت Text :در این روش با کد نویس به زبان XML پلت موردنظرمون رو ایجاد می کنیم.برای مثال ابتدا در حالت Design یک پلت مثل Button رو گرفته و در لیوت بکشید .حالا اگر به حالت Text سوییچ کنید می بینید که کدهایی مربوط به Button در لیوت ما قرار داده شده اند.در صورتی که بدون کشیدن Button در (حالت دیزاین ) همین کدها را در فایل لیوت (در حالت تکست) تایپ میکردیم خروجی مشابهی برای ما تولید می شد .اگر این کدها را پاک کنید و به حالت Design سوییچ کنید میبینید که پلت Button از لیوت پاک شده است.
اعمال تغییرات در فایل لیوت چه در حالت Design و چه در حالت Text امکان پذیر است. از آنجا که هردوی این حالت ها نماهای مختلف از یک فایل مشترک هستند اعمال تغییرات در هرکدام از این حالت مستقیماً در حالت دیگر منعکس و قابل مشاهده است .

خوب حالا تمامی پلت های موجود در صفحه را پاک کنید .(در حالت Design میتونید روی هر کدوم کلیک کرده و دکمه DEL رو بزنید .در حالت Text هم  کدهای هر پلت رو پاک کنید.)
برای اپلیکیشنمون سه تا المنت (پلت) نیاز داشتیم :
۱- یک Edit Text برای وارد کردن تاریخ تولد کاربر.
۲-یک Button که با لمس آن عمیات محاسبه سن انجام می شه.
۳-یک TextView که متن مورد نظر (سن کاربر ) بر روی آن نمایش داده میشه.

قبل از اضافه کردن پلت ها به لیوت ،محتویات لیوت فعلی مطابق زیر است :

ایجاد یک Edit Text
برای این کار به حالت Design رفته و مطابق تصویر رویPlain Text کلیک کرده و اون را داخل فایل لیوت مون بکشید.

حال اگر به حالت نمایش Text سوییچ کیند کدهای مروبط به Plain Text رو میتونید مشاهده کنید . (خطوط ۱۲ تا ۱۷ مربوط به پلت Plain Text می باشند.)

ایجاد Button و Text View
به حالت Design رفته و از بخش Widget یک Button و بعدش هم یک PlainText View را درون لیوت بکشید.

حال محتویات لیوت ما باید مطالق زیر باشد :

خطوط ۱۲ تا ۱۷ : مربوط به تعریف المنت (پلت) Edit Text و خصوصیات مربوط به آن می باشد.
خطود ۱۹ تا ۲۵ : مربوط به تعریف المنت (پلت) Button و خصوصیات مربوط به آن می باشد .
خطوط ۲۷ تا ۳۳ : مربوط به تعریف المنت (پلت) Text Viewو خصوصیات مربوط به آن می باشد.

نکته : امکانش هست کدهای شما با کدهایی که در بالا هستند  تغییرات جزئی داشته باشند ممکنه که علتش تفاوت در مکان قرار گیری پلت ها و این قبیل جزئیات باشد که هیچ گونه مشکلی نیست.
نمای نهایی لیوت در این بخش :

خوب در این بخش با نحوه قرار گیری المنت ها در لیوت آشنا شدیم .در بخش بعدی یادمیگیرم که چطور ویژگی های این پلت ها (مثلا طول و عرض ، متن نمایشی و … ) رو تغییر بدیم .
با ما باشید.