ویژگی‌های Tools در اندروید استودیو

سلام.

می‌خوام در مورد بعضی از ویژگی‌های Tools بنویسم براتون. چیز جدیدی نیستند و خیلی از شماها از اون‌ها استفاده می‌کنید. اما این مطلب رو می‌نویسم برای اون دسته از توسعه‌دهندگان عزیزی که از این ویژگی‌ها استفاده نمی‌کنند.


خب، اصلا چی هستند این ویژگی ها؟

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

این ویژگی‌ها به ما کمک می‌کنند تا چیزی که قراره به کاربر نمایش بدیم رو تو مرحله‌ی طراحی ببینیم. بدون نیاز به اجرا کردن برنامه روی موبایل.


در ادامه با استفاده از یک مثال چندتا از این ویژگی‌ها رو معرفی می‌کنم؛

در این مثال ما یک لیست داریم که قراره یک سری آیتم رو نمایش بده.


طراحی صفحه اول
طراحی صفحه اول


همون‌طور که می‌بیند طراحی اصلی برنامه تو content_main پیاده سازی شده و این صفحه چیز خاصی نداره.

طراحی content_main بدون استفاده از ویژگی‌های tools
طراحی content_main بدون استفاده از ویژگی‌های tools


اگر پیش‌نمایش این فایل رو ببینیم مطمئنا خوشم‌مون نمیاد.

پیش‌نمایش content_main بدون استفاده از ویژگی‌های tools
پیش‌نمایش content_main بدون استفاده از ویژگی‌های tools


این فایل چند مشکل داره.

اول اینکه نمی‌دونیم این فایل قراره کجا نمایش داده بشه و پدرش از چه نوعیه(برای همین درست نمایش داده نشده)

دوم اینکه اگر به خود فایل نگاه نکنیم، با دیدن پیش‌نمایش متوجه نمی‌شیم که ProgressBar هم توی این طراحی هست.

برای حل این دو مشکل می‌تونیم از ویژگی‌های tools استفاده کنیم.

ویژگی‌های tools فقط تو طراحی اعمال می‌شن و در اجرا تاثیری ندارند.

همونطور که می‌بینید یک ویژگی به فایل قبل اضافه شده.

showIn:

با این ویژگی می‌گیم که این طرح قراره کجا نمایش داده بشه. حالا یه نگاهی به پیش‌نمایش بندازیم.

خب، الان همه‌ی ویو‌ها سرجاشون هستند و به درستی نمایش داده می‌شن.


یک ویژگی هم برای نمایش ProgressBar در طراحی اضافه می‌کنیم.

visibility:

توضیح لازم نداره. مشخصه که چکار می‌کنه.


چقدر خوب بود اگر می‌شد آیتم‌هایی که قراره توی لیست نمایش داده بشن رو هم ببینیم. نه؟

پس یک ویژگی دیگه اضافه می‌کنیم.

listitem:

این ویژگی برای RecyclerView هستش و آیتمی که قراره توی این لیست نمایش داده بشه رو مشخص می‌کنه.

بریم پیش‌نمایش رو ببینیم

بهتر شد، نه؟ اما بازم اون چیزی که می‌خوایم نیست. بریم طراحی آیتم رو ببینیم.

یک عکس داریم و دو متن که هیچکدوم مقدار ندارند.

بیاید با استفاده از ویژگی‌های text و src بهشون مقدار بدیم.

حالا یک‌بار دیگه بریم و پیش‌نمایش رو ببینیم


به‌به، چه زیبا. الان چیزی شد که می‌خواستیم.

یک‌بار دیگه به اولین پیش‌نمایشی که گذاشتم نگاه کنید. بازم دل‌تون میاد از این ویژگی‌ها استفاده نکنید؟