تغییر اندازه فونت عنوان (title) مربوط به Tab های باز شده در قسمت Editor برنامه Eclipse (و همچنین تغییر برخی ویژگی های دیگر آن، مثل کامل نمایش دادن نام فایل) ، در برنامه نویسی اندروید
هنگامی که در برنامه eclipse (یا ADT Bundle) ، تعداد زیادی فایل از پروژه اندروید را باز می کنید و در حال ویرایش آنها هستید، یکی از مواردی که ممکن است آزاردهنده باشد این است که عنوان tab های باز شده برای فایل ها، که نمایش دهنده نام فایل ها می باشد، به صورت خلاصه در آمده و تنها ابتدای آن را می بینیم و در خیلی از موارد، دیگر نمی توانیم نام فایل ها را تشخیص بدهیم (عملا مجبور می شویم که تعدادی فایل را ببندیم) :
اما ما قصد داریم که در این مبحث، با کوچکتر کردن فونت متن عنوان های (title) مربوط به tab ها و همچنین تعیین یک سری ویژگی های دیگر برای برنامه eclipse ، این مشکل را برطرف کنیم تا بتوانیم نام فایل ها را به طور کامل ببینیم و همچنین تعداد بیشتری از نام فایل ها را به طور همزمان مشاهده کنیم. علاوه بر این، برخی ویژگی های دیگر نمایش tab ها را هم تغییر خواهیم داد که به مشاهده بهتر آنها، کمک می کند.
دقت شود که با این تغییرات، tab های موجود در پنجره هایی مثل پنجره Package Explorer نیز تغییر داده می شوند، ولی اهمیت زیادی ندارد.
تغییر دستی کدهای CSS مربوط به اندازه فونت عنوان های (title) مربوط به tab ها :
برنامه eclipse ، برخی از تنظیمات مربوط به متن ها و سایر موارد را با استفاده از کدهای CSS ذخیره می کند. یعنی در تعدادی فایل، یک سری کد CSS نوشته شده است که با خواندن آنها، برخی از ویژگی های برنامه eclipse تعیین می شود. بنابراین ما با تغییر دستی آن فایل ها (بدون نیاز به کار با خود برنامه eclipse) می توانیم برخی تنظیمات برنامه eclipse را تغییر بدهیم.
قبل از هر چیز، اگر برنامه eclipse باز است، آن را ببندید.
اکنون به محل نصب برنامه eclipse بروید (یا اگر از ADT Bundle استفاده می کنید، به محل نصب آن رفته و پوشه مربوط به eclipse را بیابید)، سپس از آن به مسیر مشابه مسیر زیر بروید (شماره ها متفاوت می باشد) :
در این مسیر، تعدادی فایل CSS وجود دارد :
شما بر اساس سیستم عامل کامپیوتر خود، باید یکی از فایل ها را باز کنید (با یک برنامه ویرایشگر متن، مثل برنامه Notepad ویندوز). مثلا کامپیوتر بنده دارای سیستم عامل ویندوز 8 است و بر حسب تجربه و با دستکاری فایل های فوق (با تغییر اندازه متن که در ادامه نحوه انجام آن را شرح می دهیم)، متوجه شدم که با تغییر فایل e4_default_winxp_blu.css ، برنامه eclipse تغییر می کند :
من توصیه می کنم که فایل را با یک ویرایشگر متن حرفه ای باز کنید (همیشه یکی داشته باشید)، چون اگر مثلا از Notepad ویندوز استفاده کنید، ممکن است کدها را به هم ریخته نمایش می دهد (مثلا همه کدها را تنها در یک خط نمایش بدهد).
من از برنامه Adobe Dreamweaver استفاده می کنم، بنابراین فایل e4_default_winxp_blu.css را با آن باز می کنم (شما باید فایل مناسب برای سیستم عامل خود را باز کنید) :
همان طور که مشاهده می کنید، یک سری ویژگی ها برای کلاسی (class) با نام MPartStack تعیین شده است (اگر فایل شما فرق دارد، باید در فایل مورد نظر نیز دقیقا به دنبال همین نام بگردید) :
font-size: 9;
swt-simple: true;
swt-mru-visible: false;
}
در کدهای فوق، ویژگی font-size است که اندازه فونت ها را تغییر می دهد (مثلا من برای تشخیص فایل مربوط به سیستم عامل کامپیوترم، ابتدا آن را برابر 25 قرار می دادم تا با بیش از حد بزرگ شدن عنوان های مربوط به tab ها در editor ، متوجه شوم که تغییر کدام فایل، موثر است) (بعد از تغییر دادن باید برنامه eclipse را باز کنیم) :
مشاهده می کنید که تغییرات به tab های دیگر، مثل Package Explorer ، نیز اعمال شده است.
اکنون باید اندازه فونت های عنوان ها را کوچک کنیم. میزان کوچک کردن اندازه فونت ها، انتخابی است و مثلا من عدد 9 را به 7 تغییر می دهم و تغییرات فایل را ذخیره (save) می کنم :
font-size: 7;
swt-simple: true;
swt-mru-visible: false;
}
سپس برنامه eclipse را باز می کنیم تا ببینیم که اندازه عنوان ها (title) مربوط به tab ها در editor ، تا چه اندازه کوچک شده است :
مشاهده می کنید که با کوچکتر شدن اندازه فونت عنوان ها، تعداد tab های نمایش داده شده، از 6 عدد به 7 عدد افزایش یافته است.
اما هنوز هم یک مشکل دیگر داریم و آن این است که تنها ابتدای نام مربوط به فایل ها نمایش داده شده است :
برای اینکه کل نام نمایش داده شود، باید ویژگی زیر را در میان ویژگی های آن کلاس (class) تغییر بدهیم :
بنابراین خط فوق از کدها را به کد زیر تغییر می دهیم :
بنابراین، این بار اگر برنامه eclipse را باز کنیم، نام ها به صورت کامل نمایش داده می شوند :
نکات مهم را بیان کردیم و در آخر، تنها یک کد پیشنهادی برای کلاس مورد نظر را ارائه می دهیم که می تواند مشاهده tab ها را کمی ساده تر کند (بستگی به سلیقه شما دارد) :
font-size: 8;
swt-simple: false;
swt-mru-visible: false;
swt-tab-renderer: null;
swt-tab-height: 22px;
swt-selected-tabs-background: #FFFFFF #ECE9D8 100%;
}
که نتیجه آن به صورت زیر می باشد :
