ویرگول
ورودثبت نام
مرتضی دلیل
مرتضی دلیل
خواندن ۳ دقیقه·۵ سال پیش

لی اوت در اندروید ۱۲ : آشنایی با Layout Inspector

این مقاله به همراه دیگر مقالات این مجموعه ۱۶ قسمتی، بر اساس آموزش ویدیویی در pluralsight به نام Android Fundamental : Layout تهیه شده است. تاریخ تولید این دوره ۲۰۱۹ است.
روند منبع فوق در فهرست و محتوای مقالات، بطور کلی حفظ شده است ولی در جزئیات یک ترجمه کلمه به کلمه نیست؛ نگارش فهرست و محتوا با افزودن و دخالت همراه بوده است.
بطور کلی هر جا حس شده توضیح بیشتر به درک مطلب کمک می‌کند دریغ نشده است.

لی اوت در اندروید ۱ : مفاهیم اولیه
لی اوت در اندروید ۲ : آشنایی با اتریبیوت های width و height
لی اوت در اندروید ۳ : آشنایی با اتریبیوت های margin و padding
لی اوت در اندروید ۴ : آشنایی با اتریبیوت gravity
لی اوت در اندروید ۵ : آشنایی با لی اوت های پایه
لی اوت در اندروید ۶ : آشنایی با LinearLayout
لی اوت در اندروید ۷ : اتریبیوت weight
لی اوت در اندروید ۸ : آشنایی با FrameLayout
لی اوت در اندروید ۹ : آشنایی با RelativeLayout
لی اوت در اندروید ۱۰: آشنایی با CoordinateLayout
لی اوت در اندروید ۱۱ : آشنایی با ConstraintLayout
لی اوت در اندروید ۱۲ : آشنایی با Layout Inspector(در حال خواندن این مقاله هستید)
لی اوت در اندروید ۱۳ : بهینه سازی رابط کاربری
لی اوت در اندروید ۱۴ : استفاده از تگ include
لی اوت در اندروید ۱۵ : استفاده از تگ merge
لی اوت در اندروید ۱۶ : استفاده از ViewStub


این ابزار بسیار پرکاربرد و باعث افزایش پرفورمنس میشود.نیاز به دانلود چیزی نیست و در اندروید استودیو وجود دارد.

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

همچنین میتوانید جزئیات لی اوت را در ران تایم آزمایش کنید.

منوی انتخاب Layout Inspector
منوی انتخاب Layout Inspector

در دیالوگی که نشان میدهد که باید آی دی اپلیکیشن خود را انتخاب کنید.

یک فایل li بر اساس سلسله مراتب ویوهای شما میسازد و باز میکند.

فایلی با پسوند li ساخته شده است.
فایلی با پسوند li ساخته شده است.

صفحه سه بخش دارد.

نمای صفحه در وسط، سلسله مراتب ویوها در سمت چپ و پراپرتی ها در سمت راست

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

در سمت چپ میبینید که لی اوت روت constraint است.

همیشه پرنتِ لی اوتِ روت شما لی اوتی به نام id/content است که از نوع framelayout است و در بخش CoordinateLayout به آن اشاره شد. این لی اوت در بخش xml شما دیده نمیشود ولی در ران تایم ایجاد میشود. اگر دقت کنیم ویوهایی به شکل پرنت باز هم وجود دارند که در ران تایم ایجاد شده اند.

لی اوت ما در اینجا تنها بر اساس فایل xml ایجاد شد. چون لی اوت ساده بود مشکلی پیش نیامد.

اما اگر یک لی اوت پیچیده داشته باشید ممکن است در حالت ران تایم مشکلی پیش بیاید.

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

ویوهایی که دیده نمیشوند و مورد استفاده نیستند تاثیر منفی روی پرفورمنس دارند. در اینسپکتور میتوان آنها را یافت.

اگر اکسپلورر اندروید استودیو را به حالت Project ببریم میتوانیم اسنپ شات های اینسپکتور را ببینیم.

تا اینجا، بخش اصلی آموزش لی اوت به پایان رسید. در بخش های باقیمانده در مورد بهینه سازی رابط کاربری صحبت خواهیم کرد.

برنامه نویسیلی اوت اندرویدandroid layoutlayout inspector
برنامه نویس و علاقمند به برنامه نویسی، سینما، فلسفه و هر چیزی که هیجان انگیز باشد. در ویرگول از روزمرگیهای مرتبط با علاقمندیهام خواهم نوشت. در توئیتر و جاهای دیگر @mortezadalil هستم.
شاید از این پست‌ها خوشتان بیاید