Skin Customization Kit
Skin Customization Kit به شما این امکان را میدهد که ظاهر Dialog Box های برنامه نصب خود به دلخواه تغییر دهید.
با این برنامه به تمامی عناصر یک Dialog Box دسترسی دارید و میتوانید برای هر عنصر، مشخصات دلخواه خود رو تنظیم کنید.
این برنامه مخصوص Windows-Based Projects هست و از طریق Command Prompt اجرا میشود.
برای ساخت یک اسکین باید مراحل زیر را طی کنید:
1. ابتدا تمامی عکسهایی که میخواهید به عنوان پس زمینه، دکمه و ... استفاده کنید، با پسوند BMP یا GIF در جایی ذخیره کنید.
2. یک فایل متنی با نام "Skin.ini" برای ثبت تنظیمات ایجاد کنید.
3. تمامی عکسها را به همراه فایل Skin.ini درون یک پوشه به نام دلخواه (Input Folder Name) وارد کنید.
4. از طریق Command Prompt فایل CreateSkinFile.exe را برای ساخت فایل ISN همراه با پارامترهای زیر اجرا کنید.
CreateSkinFile.exe (Input Folder Name) (Output File Name.isn)
:
CreateSkinFile.exe C:\MySetupFiles C:\Setup.isn
5. حال فایل ایجاد شده (Setup.isn) را با فایل (Setup.isn) پروژه نصب ساخته شده جایگزین کنید و نتیجه را ببینید. (دقت کنید که فایلهای ISN برای نسخه های InstallShield 11 به بالا هستند و ورژن های پایین تر پسوند SKIN را پشتیبانی میکنند.)
نکات:
1. تصاویر Bitmap فقط 24b یا کمتر پشتیبانی میشود.
2. تصاویر شفاف Gif پشتیبانی میشود. (Transparent)
3. Dialog Box ها اندازه ثابتی دارند و مقدار آن 690*497 پیکسل میباشد.
4. شما همچنین قادرید متحویات فایلهای ISN را به صورت زیر اسخراج کنید. (Command Prompt)
CreateSkinFile.exe –extract (Input ISN File.isn) (Output Folder Name)
:
CreateSkinFile.exe –extract C:\Setup.isn C:\MySetupFiles
نحوه ساختن یک Skin
قبل از اینکه وارد موضوع بشید چند مورد از عملیات مخلتف هنگام ساخت Skin رو خوب به خاطر بسپارید:
1. اضافه کردن عکس به یک مکان مشخص
2. مشخص کردن شفاف بودن عکس (زمانی که از یک عکس شفاف استفاده میکنید.)
3. مشخص کردن تغییرات اندازه عکس، زمانی که DialogBox تغییر اندازه دهد.
4. اضافه کردن مستطیلهایی با رنگ مشخص در مکان مشخص
5. اضافه کردن عکس به دکمه ها
6. تعیین رنگ متن دکمه
7. تعیین رنگ متن دکمه های غیرفعال
8. مشخص کردن موقعیت مکانی دکمه
SKIN.ini
این فایل تمامی پارامترهایی که برای ساخت یک Skin به آنها نیاز می باشد را شامل میشود. فرمت این فایل نیز همانند زیر می باشند. دقت کنید که وجود موارد پررنگ در فایل Skin.ini الزامی میباشد. متون داخل پرانتز هم صرفاً یک توضیح هست.
[SKINS]
VERSION=1
[ALL] (Entries made here will be applied to all dialog boxes unless specified below)
TEXTCOLOR=R value, G value, B value (text color for most controls on dialog box)
RECTS=n (number of colored rectangular areas)
RECT1=R value, G value, B value (rectangle fill color)
RECT1POS=left position,top position (in dialog units)
RECT1AREA=right position, bottom position (in dialog units)
.
.
.
RECTn=…
RECTnPOS=…
RECTnAREA=…
IMAGES=n (number of images)
IMAGE1=file name of image
IMAGE1POS=x offset,y offset (in dialog units)
IMAGE1OPT=TRANSPARENT, SCALE, VCENTER, HCENTER, UPPER_LEFT, UPPER_RIGHT, LOWER_LEFT, LOWER_RIGHT (pick any)
.
.
.
IMAGEn=…
IMAGEnPOS=…
IMAGEnOPT=…
BUTTONSUP=file name of image for the up state of all push-buttons
BUTTONSDOWN=file name of image for the down state of all push-buttons
BUTTONSOPT=TRANSPARENT, SCALE (pick any)
BUTTONSTRNSPRNTCLR=R value, G value, B value (transparent color for bitmap images; TRANSPARENT option has to be specified in BUTTONSOPT)
BUTTONSTXTCLR=R value, G value, B value (text color for all push-buttons)
BUTTONSDISTXTCLR=R value, G value, B value (text color for disabled push-buttons)
BUTTONS=n (number of buttons you want to skin)
BUTTON1=resource ID of button
BUTTON1UP=file name of image for the up state of button (if not specified, BUTTONSUP value will be used)
BUTTON1DOWN= file name of image for the down state of button (if not specified, BUTTONSDOWN value will be used)
BUTTON1POS=left position,top position (in dialog units)
BUTTON1OPT=TRANSPARENT, SCALE (pick any; if not specified, BUTTONSOPT value will be used)
BUTTON1TRNSPRNTCLR=R value, G value, B value (transparent color for bitmap images; TRANSPARENT option has to be specified in BUTTON1OPT)
BUTTON1TXTCLR=R value, G value, B value (text color for button; if not specified, BUTTONSTXTCLR value will be used)
BUTTON1DISTXTCLR=R value, G value, B value (text color for disabled button; if not specified, BUTTONSDISTXTCLR value will be used)
این مشخصات را نیز میتوان برای DialogBox خاص یا زبان های خاصی بکار گرفت. به این صورت:
[Dialog Name] (Entries made in this section apply to this dialog box only; for non-existing entries, entries from the ALL section will be used)
BUTTONS=…
BUTTON1=…
BUTTON1POS=…
RECTS=…
.
.
.
[ALL-Language Code] (entries made here will be applied to all dialog boxes for this language; for non-existing entries, entries from the ALL section will be used)
IMAGES=…
IMAGE1=…
.
.
.
[Dialog Name-Language Code] (entries made here will be applied to this dialog box for this language only; for non-existing entries, entries from the ALL-Language Code section, Dialog Name section, or ALL section will be used, in that order)
BUTTONS=…
BUTTON1=…
BUTTON1TXTCLR=…
.
.
.
IMAGES=…
IMAGE1=…
.
.
.
پیوست: اندازه های یک دیالوگ پوسته دار:
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
نمونه طراحي شده نيز در همان پست اول گنجانده شده است.
فايل PDF هر دو پست نيز در زير قابل دانلود هست.
با تشكر فراوان