ترفندهای UI در InstallShield:
قبل از شروع به کار موارد مورد نیاز این پروژه را ذکر میکنم:
1. تصویر پس زمینه در هر اندازه ای با پسوند BMP
2. موزیک یا ویدیو با پسوندهای Wav و AVI
3. تصاویر Billboard با فرمت اسمی BbrdN.Bmp كه N شماره تصوير هست.
برای ساخت یک برنامه نصب مشتری پسند همواره باید به UI آن توجه بسزایی داشت. در این مقاله کوچک سعی شده است تا نکات مهمی که در زیبایی برنامه نصب مؤثرند، آموزش داده شود.
برای شروع، شما باید با مبانی اولیه برنامه نویسی و نرم افزار InstallShield آشنا باشید.
مواردی که در بخش UI یک برنامه نصب کاربرد دارند به شرح زیر میباشند:
1. تصویری که قبل از شروع برنامه نصب به مدت چندثانیه نمایش داده میشود (Splash Screen)
2. پس زمینه ای FullScreen که باعث جلب توجه کاربر به برنامه نصب میشود (Background)
3. تصویر ثابتی که به عنوان پس زمینه قرار میگیرد (Bitmap)
4. عنوان برنامه نصب که به صورت بزرگ در قسمت بالایی صفحه مانیتور قرار میگیرد (Title)
5. تصاویر پس زمینه ای که مرتباً در هنگام پیشرفت نصب، تغییر میکنند (Billboards)
6. صدای موزیکی که در هنگام نصب به گوش میرسد (MEDIA_WAVE)
7. کلیپ تصویری که در پس زمینه جریان دارد (MEDIA_AVI)
8. پوسته دلخواه برای دیالوگ ها (Skin Customization Kit)
شروع به کار:
نوع پروژه ای که در این مقاله در نظر گرفته شده است InstallScript Project می باشد.
پس از ایجاد پروژه و تنظیمات لازم آن، در سربرگ Installation Designer گزینه Support Files/Billboard را از منوی درختی سمت چپ انتخاب کنید تا منوی درختی دیگری در مقابل آن ظاهر شود.
در این قسمت، گزینه Language Independent را از زیر مجموعه Support Files انتخاب کنید تا قسمت سفید سمت راست ظاهر شود.
در این محوطه راست کلیک کرده و گزینه Insert Files را بزنید و تصاویر پس زمینه و کلیپ های صوتی و تصویری خود را وارد کنید.
در قسمت BillBoard تصاویری که میخواهید در هنگام پیشرفت (Progress) به صورت اسلاید نمایش داده شوند وارد کنید. دقت کنید که تصاویر باید به فرمت اسمی BbrdN.bmp باشند که در آن به جای N شماره ای دلخواه (شماره تصاویر) قرار میگیرد.
در قسمت Splash Screen تصویری که میخواهید در هنگام شروع برنامه نصب، به مدت چند ثانیه نمایش داده شود وارد کنید.
دقت كنيد كه در مورد Billboards و Splash Screen نيازي به كد نويسي نداريد و هر دو به صورت خودكار در مكان خود اجرا ميشوند. فقط كافيست دو مورد بالا صحيح انجام گيرد.
پس از وارد نمودن تمامی تصاویر و کلیپ های مورد نیاز، به قسمت InstallScript بروید تا محیط کدنویسی ظاهر شود.
در اینجا توابع و کدهایی شبیه به زبان C خواهید دید که با کمی تغییرات به عنوان زبان اسکریپتی نرم افزار IS استفاده میشود.
در تابع OnFirstUIBefore() عملیاتهای بخش ابتدایی برنامه نصب انجام میگیرد. (از شروع برنامه با Double Click تا شروع نمایش پنجره Progress مشمول این قسمت میشود)
برای انجام علمیاتهای مدنظر خود باید بعد از begin توابع و عبارتهای مورد نیاز را وارد کنید.
- برای پدیدار شدن پس زمینه رنگی، کد زیر را وارد کنید:
Enable( BACKGROUND );
تابع Enable همانطور که از نامش پیداست برای فعال سازی عناصر ایجاد شده است. دقت کنید که این زبان Case Sensitive هست. پس حتماً کلماتی که با حروف بزرگ نوشته شده اند را را بزرگ بنویسید.
- برای تغییر رنگ پس زمینه نیز میتوانید از کد زیر پیروی کنید:
SetColor( Object, Color );
:
SetColor( BACKGROUND, BLACK );
در اینجا لیستی از رنگهایی که در این تابع پشتیبانی میشوند آورده شده است. همچنین از طریق RGB (گزینه آخر) میتونید رنگ دلخواه خود را وارد کنید.
- برای نمایش یک عنوان یا Title از این کد استفاده کنید:
SetTitle( “Your Text”, FontSize, FontColor );
:
SetTitle( “Sample”, 26, WHITE );
- برای نمایش MessageBox نیز میتوانید به روش زیر عمل کنید:
MessageBox( “Text To Show”, Type );
:
MessageBox( “This is sample”, INFORMATION );
- برای پخش موزیک یا کلیپ تصویری به این صورت عمل کنید:
PlayMMedia( FileType, FileName, PlayMode, 0);
Music:
PlayMMedia( MMedia_WAVE, SUPPORTDIR ^ “Music.wav”, MMEDIA_PLAYCONTINUOUS, 0);
:Video
PlayMMedia( MMedia_AVI, SUPPORTDIR ^ “Video.avi”, MMEDIA_PLAYCONTINUOUS, 0);
دقت داشته باشيد كه SUPPORTDIR در واقع آدرس فايل در بخش Support Files مي باشد.
- برای قراردادن تصویر ثابت در پس زمینه نیز از کد زیر استفاده کنید:
PlaceBitmap( FileName, BitmapID, Dx, Dy, DrawOp );
:
PlaceBitmap( SUPPORTDIR ^ “Wallpaper.bmp”, 1, CENTERED, CENTERED, TILED );
در این تابع BitmapID شماره منحصر به فرد یک تصویر هست زمانی که میخواهید از طریق یک فایل DLL تصویری را وارد کنید.
Dx, Dy فاصله های عرضی و طولی تصویر از کناره های مانیتور می باشد که اگه CENTERED انتخاب شود، تصویر در وسط قرار میگیرد.
DrawOp هم نوع نمایش تصویر هست که پارامترهای زیر را میپذیرد:
- اگر هم میخواهید هنگام نمایش عکس از افکتهای خاصی استفاده شود میتوانید از کد زیر بهره بگیرید:
SetDisplayEffect( Effect );
:
SetDisplayEffect( EFF_HORZSTIPE );
در این قسمت لیستی از پارامترهای ورودی این تابع را مشاهده میکنید:
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
سورس به همراه يك نمونه طراحي شده:
http://up.iranblog.com/Files/9514ed42c5314d9097eb.jpg
http://www.4shared.com/file/4TmvGy0d/IS_Sample.html
طريقه به دست آوردن موسيقي و تصوير پس زمينه به كار برده شده در اين نمونه:
ابتدا برنامه نصب را اجرا كرده و در همين حين مسير زير را پيگيري كرده و در يكي از پوشه هايي كه نام آن به صورت GUID هست فايلها را جستجو كنيد:
WinXP
<WinDir>\Documents and Settings\<UserAccount>\Local Settings\Temp
Win Vista and 7
<WinDir>\Users\<UserAccount>\App Data\Local\Temp
پاسخ با نقل قول