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

TAB چیست؟

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

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

امروز ما درین نوشته‌ی‌علمی قدم های پیاده سازی یک TAB معمولی در اندروید استودیو را با هم پژوهش میکنیم.

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

درحال حاضر اندروید استودیو را انجام میکنیم. زمانی وارد فضا اندروید می‌شوید آغاز می بایست یک پروژه نو ساخت نمائید. برای جاری ساختن این عمل می بایست نامی برای پروژه تان گزینش فرمائید. اسم پروژه بایستی با کلام والا انگلیسی آغاز خواهد شد و در غیر این شکل اسم انتخابی شما پذیرفته نخواهد شد.
اکنون بر روی next کلیک می‌کنیم.

در‌این مرحله می بایست دست‌کم ورژن ی اندرویدی که برای پروژه مان در لحاظ می گیریم را در اختیار بگذاریم. مراد این میباشد که دست‌کم ورژن ی اندرویدی که نیاز میباشد از نرم افزار ما استعمال نمایند بایستی گزینش ما درین فیلد باشد. اندروید استودیو بصورت پیش فرض ورژن ی Android 4.2(jelly bean) را در لحاظ گرفته میباشد. همین ورژن را گزینش می کنیم. در فیلد آجل حداکثر ورژن ی اندرویدی می بایست تعیین خواهد شد. تعیین این فیلد در اکثر مواقع به گزینش مخاطب خواهد بود. برای این پروژه ما android 6.0(marshmallow ) را گزینش میکنیم.

برای مرحله ی سپس بایستی نوع Activity را گزینش کنیم. activity گوشه و کنار عملیاتی و کدنویسی ما در اندروید استودیو است. درین مرحله Empty Activity یعنی یک اکتیویتی خالی تعیین میکنیم.
در مرحله بعد از آن اسم Activity و اسم layout را تعیین میکنیم. layout صورت ظاهری نرم‌افزار را دربرگیرنده میشود. بعد از تعیین اسم Finish را زده تا Gradle نرم‌افزار ساخته گردد و وارد اطراف اندروید شویم.

زمانی که وارد اطراف عمل نرم‌افزار شدیم آغاز بایستی به نصیب Gradle scripts رفته و از ذیل شاخه های آن آیتم ی (module:app)build.gradle را تعیین کنیم و در آن کتابخانه ی design را اضافه کنیم تا بتوانیم TAB تولید کنیم. توجه نمایید که نسخه کتابخانه ی design می بایست با کتابخانه اساسی اندروید استودیو یعنی app compact یکسان باشند.
پس از افزودن کتابخانه Design درحال حاضر بایستی کد نویسی را استارت کنیم.

آغاز بایستی این نکته را در حیث داشته باشید که شما یک سری TABبرای نرم افزار خویش نیازمندید. به ازای هر TAB شما می بایست یک کلاس جداازهم برای آنان ساخت‌و‌ساز نمایید.

برای مثال در‌این یادگرفتن ما سه TABنیاز داریم پس 3 کلاس به اسم های Fragment3,Fragment2,Fragment1 تولید میکنیم.برای ایفا این عمل بر روی بخش java و بر روی اسم اپ کلیک راست کرده و از بخش new، آیتم ی java class را گزینش می کنیم. برای هریک از این کلاس ها نیز سه Layout برای صورت ظاهری نیز نیاز خوا هیم داشت. پس در نصیب res رفته روی layou کلیک راست کرده و در ذیل نصیب مورد ی new آیتم ی layout resource file را گزینش کرده و سه Layout ساخت‌و‌ساز می‌کنیم.
حالا بایستی در هریک از کلاس های Fragment که تولید کرده ایم بایستی کد های ذیل را به آن اضافه کنیم:
اعتنا داشته باشید که برای Fragment های 2,3 همین کد ها مستعمل با این تفاوت که بایستی با عدد روبه روی خویش متناسب باشند برای مثال برای Fragment 2 بایستی همه Fragment 2 باشند.

حالا برای Layout هایمان نیز کدهای تحت را قرار میدهیم:
در حال حاضر می بایست کلاسی ساخت کنیم که بتواند TAB را برای ما ساخت و ساز نماید. برای این مراد یک کلاس تازه به اسم Fragment Adapter اضافه کرده و کدهای پایین را به آن اضافه می‌کنیم:
و در مرحله ی پایان بایستی بتوانیم به TAB گزینه نظرمان مقدار و آیکون دهیم. برای این فعالیت وارد Activity اساسی خویش که به Main Activity نیز شناخته میشود کدهای ذیل را اضافه کنیم:
این نکته را در حیث بگیرید که شما برای اینکه بتوانید آیکون ها را برای هر Fragment خویش استعمال فرمایید، آغاز بایستی آیکون هایی که به آن‌ها نیاز دارید را از نصیب res و در نصیب drawble، کلیک راست کرده و از مورد ی new، مورد ی vector asset را گزینش فرمائید. اندروید استودیو بطور پیش فرض آیکون های فراوانی در گنجینه خویش دارااست و شما می‌توانید از آن های استعمال نمایید.
اینک می بایست پروژه را اعمال کرده و خروجی آن که مشمول سه Fragment بی آلایش میباشد را مراعات می‌کنید.

TAB چیست؟

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

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

امروز ما درین نوشته‌ی‌علمی قدم های پیاده سازی یک TAB معمولی در اندروید استودیو را با هم پژوهش میکنیم.

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

درحال حاضر اندروید استودیو را انجام میکنیم. زمانی وارد فضا اندروید می‌شوید آغاز می بایست یک پروژه نو ساخت نمائید. برای جاری ساختن این عمل می بایست نامی برای پروژه تان گزینش فرمائید. اسم پروژه بایستی با کلام والا انگلیسی آغاز خواهد شد و در غیر این شکل اسم انتخابی شما پذیرفته نخواهد شد.
اکنون بر روی next کلیک می‌کنیم.

در‌این مرحله می بایست دست‌کم ورژن ی اندرویدی که برای پروژه مان در لحاظ می گیریم را در اختیار بگذاریم. مراد این میباشد که دست‌کم ورژن ی اندرویدی که نیاز میباشد از نرم افزار ما استعمال نمایند بایستی گزینش ما درین فیلد باشد. اندروید استودیو بصورت پیش فرض ورژن ی Android 4.2(jelly bean) را در لحاظ گرفته میباشد. همین ورژن را گزینش می کنیم. در فیلد آجل حداکثر ورژن ی اندرویدی می بایست تعیین خواهد شد. تعیین این فیلد در اکثر مواقع به گزینش مخاطب خواهد بود. برای این پروژه ما android 6.0(marshmallow ) را گزینش میکنیم.

برای مرحله ی سپس بایستی نوع Activity را گزینش کنیم. activity گوشه و کنار عملیاتی و کدنویسی ما در اندروید استودیو است. درین مرحله Empty Activity یعنی یک اکتیویتی خالی تعیین میکنیم.
در مرحله بعد از آن اسم Activity و اسم layout را تعیین میکنیم. layout صورت ظاهری نرم‌افزار را دربرگیرنده میشود. بعد از تعیین اسم Finish را زده تا Gradle نرم‌افزار ساخته گردد و وارد اطراف اندروید شویم.

زمانی که وارد اطراف عمل نرم‌افزار شدیم آغاز بایستی به نصیب Gradle scripts رفته و از ذیل شاخه های آن آیتم ی (module:app)build.gradle را تعیین کنیم و در آن کتابخانه ی design را اضافه کنیم تا بتوانیم TAB تولید کنیم. توجه نمایید که نسخه کتابخانه ی design می بایست با کتابخانه اساسی اندروید استودیو یعنی app compact یکسان باشند.
پس از افزودن کتابخانه Design درحال حاضر بایستی کد نویسی را استارت کنیم.

آغاز بایستی این نکته را در حیث داشته باشید که شما یک سری TABبرای نرم افزار خویش نیازمندید. به ازای هر TAB شما می بایست یک کلاس جداازهم برای آنان ساخت‌و‌ساز نمایید.

برای مثال در‌این یادگرفتن ما سه TABنیاز داریم پس 3 کلاس به اسم های Fragment3,Fragment2,Fragment1 تولید میکنیم.برای ایفا این عمل بر روی بخش java و بر روی اسم اپ کلیک راست کرده و از بخش new، آیتم ی java class را گزینش می کنیم. برای هریک از این کلاس ها نیز سه Layout برای صورت ظاهری نیز نیاز خوا هیم داشت. پس در نصیب res رفته روی layou کلیک راست کرده و در ذیل نصیب مورد ی new آیتم ی layout resource file را گزینش کرده و سه Layout ساخت‌و‌ساز می‌کنیم.
حالا بایستی در هریک از کلاس های Fragment که تولید کرده ایم بایستی کد های ذیل را به آن اضافه کنیم:
اعتنا داشته باشید که برای Fragment های 2,3 همین کد ها مستعمل با این تفاوت که بایستی با عدد روبه روی خویش متناسب باشند برای مثال برای Fragment 2 بایستی همه Fragment 2 باشند.

حالا برای Layout هایمان نیز کدهای تحت را قرار میدهیم:
در حال حاضر می بایست کلاسی ساخت کنیم که بتواند TAB را برای ما ساخت و ساز نماید. برای این مراد یک کلاس تازه به اسم Fragment Adapter اضافه کرده و کدهای پایین را به آن اضافه می‌کنیم:
و در مرحله ی پایان بایستی بتوانیم به TAB گزینه نظرمان مقدار و آیکون دهیم. برای این فعالیت وارد Activity اساسی خویش که به Main Activity نیز شناخته میشود کدهای ذیل را اضافه کنیم:
این نکته را در حیث بگیرید که شما برای اینکه بتوانید آیکون ها را برای هر Fragment خویش استعمال فرمایید، آغاز بایستی آیکون هایی که به آن‌ها نیاز دارید را از نصیب res و در نصیب drawble، کلیک راست کرده و از مورد ی new، مورد ی vector asset را گزینش فرمائید. اندروید استودیو بطور پیش فرض آیکون های فراوانی در گنجینه خویش دارااست و شما می‌توانید از آن های استعمال نمایید.
اینک می بایست پروژه را اعمال کرده و خروجی آن که مشمول سه Fragment بی آلایش میباشد را مراعات می‌کنید.