CIU V2 Designer Preview

[Gupta]

Originally Posted by mausschieber

there was an error at start the exe

Sorry please redownload from #14

you have to extract it over from the archive #1

[mausschieber]

Originally Posted by Gupta

Sorry please redownload from #14

you have to extract it over from the archive #1

now another error

[Gupta]

Originally Posted by mausschieber

now another error

First extract the archive from first post and then replace extracted designer.exe with one inside the archive of #14 post

[Cesar82]

@mausschieber - Replace designer.exe in the Designer 20022020 folder

@Gupta - Great job!
There are 2 "Setup" tabs on your designer interface. The first one could be "Settings" or "Options".

INFO:
There are 3 types of titles in CIU.
SetupTitle, SetupTitleAR = Title of the installer or Autorun similar to the caption of the windows window border.
PageTitle = Title of the TextStage text for each page of the installer.
PageBigTitle = Similar to the previous one, it displays the title of each page but allows its placement in the installer.

[pakrat2k2]

Instead of having little fixes here & there. Everything should be in the first post.
-take file out of post 14 & put in first post, or better replace first post with updated exe.
Going to be too confusing with stuff in multiple posts all thru the topc.

[Gupta]

kind of rewrote everything
now you can export setup.ini and other images
also, archive contains source as well.

https://drive.google.com/open?id=162...LZBQWaeYNnBZEi

[Cesar82]

Originally Posted by Gupta

kind of rewrote everything
now you can export setup.ini and other images
also, archive contains source as well.

https://drive.google.com/open?id=162...LZBQWaeYNnBZEi

Thanks for the update.

Suggestions:
- It would be great if you had the option to import the setup.ini (Load Project) from an existing project and automatically load the image files from the Setup folder on the same path as the Setup.ini.

- A copy/paste option for button styles would be useful, for example through a context menu on project buttons.

- When searching for the first image of a button (If you have not yet uploaded images or the image is different in size from the old image) the measurements should be resized to the actual size of the uploaded image. You could have a checbox to disable this option if necessary.

Erros found:
- The LabelX, LabelY, ShadowX, ShadowY options are not supporting negative values.

- I didn't find Width and Height options for TextStage.
Similar to the Width= and Height= keys [TextStage] section of the Setup.ini file

- When loading an image Autorun.png/Installer1.png/SmallInstaller.png should always automatically load the actual dimensions of the image and not allow changing Width and Height for these components because the CreateFormFromImage function of botva2 creates the form exactly with the dimensions of the image and not the Width and Height of Setup.ini

[Gupta]

Updated the first page with release4

Changes
Import and other bugfixes and other

[Cesar82]

@Gupta

Great job!
It got a lot better now.

Try importing the Shadow of the Tomb Raider installer (CIU theme 3.0.0.0.u5)
You will see some things that are not correct.

- The default shadow value is 2 for both.
ShadowMoveX and ShadowMoveY will be increased by this value.
If ShadowMoveX=0 and ShadowMoveY=0 the shadow must be positioned 2 pixels to the right and 2 pixels below (default)
ShadowMoveX and ShadowMoveY are not supporting negative values like -4 for example (LabelX, LabelY must support negative values too).


Error found when using the Shadow of the Tomb Raider installer:

AUTORUN PAGE:
- The remnants of the autorun labels are disabled and the shadow position is not incorrect.
- LabelX and LabelY must move the entire label + shadow together.
- The MusicIconAR button is not visible because if musicIcoAR is superimposed on the MusicAR button it behaves like a single button. In this case MusicIconAR is defined as disabled (I think the designer does not yet support this).
- The designer is not loading the correct fonts for the button label (Font#.ttf included in the installer).
- The caption for WebSite1 should not include the value "1" (but this is not so important).

INSTALLER PAGE:
- The placement of the example TextBG labels is not in the correct Top position (Welcome is well below what it should be).
- The Cloze/Minimize button is showing caption (There is no caption on these buttons)
- The SmallMusic/SmallCancel button is being displayed in the installer (I think the designer doesn't support SmallInstaller yet).


I hope these comments are useful for you.
Thanks for the work!

[Gupta]

Minor Update
Font import and export, Negative Shadow and other values, Label and shadow move fix, and other

> The MusicIconAR button is not visible because if musicIcoAR is superimposed on the MusicAR button it behaves like a single button. In this case MusicIconAR is defined as disabled (I think the designer does not yet support this).

I don't think I will support this (for now)

> - The remnants of the autorun labels are disabled and the shadow position is not incorrect.

Couldn't follow you, please explain more.


- The SmallMusic/SmallCancel button is being displayed in the installer (I think the designer doesn't support SmallInstaller yet).

Can you explain to me designing SmallInstaller(what are its components and how it works)?

[Cesar82]

Originally Posted by Gupta

Minor Update
Font import and export, Negative Shadow and other values, Label and shadow move fix, and other

Thank you....
I think the values for "Shadow Move X" and "Shadow Move Y" should work differently. It should display 0 in the MoveX and MoveY box, but it should position 2 pixels Left and Top.
ShdLeft: = LblLeft + 2 + ShadowMoveX;
ShdTop: = LblTop + 2 + ShadowMoveY;
The font still displays "MS Shell Dlg 2" in the font box for each label (Button).
You may have read the value only on the key for the button.
If the key for the button is empty you should read it in the button group section (Group for Autorun page is [StandardButtonAR] section, for Installer page is [StandardButton] section and for Small buttons group is [SmallButton] section)

Originally Posted by Gupta

> The MusicIconAR button is not visible because if musicIcoAR is superimposed on the MusicAR button it behaves like a single button. In this case MusicIconAR is defined as disabled (I think the designer does not yet support this).

I don't think I will support this (for now)

OK.
In the source code CIU 3.0.0.0.u5 (Your designer uses this version) you can better understand by looking at lines 10893 to 10904 of the script
If the MusicIconAR (hMusicAR) button is inside MusicButtonAR it is disabled.
The same is true for hMusic.

  BtnGetPosition(hMusicAR, Rect.Left, Rect.Top, Rect.Bottom, Rect.Right);
  Rect.Bottom := Rect.Top + Rect.Bottom;
  Rect.Right:= Rect.Left + Rect.Right;
  BtnSetEnabled(hMusicAR, (not RectInRect(Rect, BoundsToRect(CstmBtn[MusicARBtn].Area.Left, CstmBtn[MusicARBtn].Area.Top, CstmBtn[MusicARBtn].Area.Width, CstmBtn[MusicARBtn].Area.Height))));
  BtnGetPosition(hMusic, Rect.Left, Rect.Top, Rect.Bottom, Rect.Right);
  Rect.Bottom := Rect.Top + Rect.Bottom;
  Rect.Right:= Rect.Left + Rect.Right;
  BtnSetEnabled(hMusic, (not RectInRect(Rect, BoundsToRect(CstmBtn[MusicBtn].Area.Left, CstmBtn[MusicBtn].Area.Top, CstmBtn[MusicBtn].Area.Width, CstmBtn[MusicBtn].Area.Height))));
  BtnGetPosition(hMusicSI, Rect.Left, Rect.Top, Rect.Bottom, Rect.Right);
  Rect.Bottom := Rect.Top + Rect.Bottom;
  Rect.Right:= Rect.Left + Rect.Right;
  BtnSetEnabled(hMusicSI, (not RectInRect(Rect, BoundsToRect(CstmBtn[MusicBtn].Area.Left, CstmBtn[MusicBtn].Area.Top, CstmBtn[MusicBtn].Area.Width, CstmBtn[MusicBtn].Area.Height))));

Originally Posted by Gupta

> - The remnants of the autorun labels are disabled and the shadow position is not incorrect.

Couldn't follow you, please explain more.

Sorry, I wrote it wrong. (The shadows of the autorun labels are disabled...)

Originally Posted by Gupta

- The SmallMusic/SmallCancel button is being displayed in the installer (I think the designer doesn't support SmallInstaller yet).

Can you explain to me designing SmallInstaller(what are its components and how it works)?

I think 2 more new tabs could be added along with the existing Option/Autorun/Setup tabs in your designer.
New Tabs: SmallInstaller and Background
- SmallInstaller >> SmallInstaller interface settings.
- Background >> Slides + Video + subtitles settings.

[Gupta]

> Can you explain to me designing SmallInstaller(what are its components and how it works)?

I was asking how it works in CIU?

[Cesar82]

Originally Posted by Gupta

> Can you explain to me designing SmallInstaller(what are its components and how it works)?

I was asking how it works in CIU?

I did not understand the question.
SmallInstaller is similar to the normal Installer page, but is displayed with a full screen or video slide show while installing the game.
The installer is resized and the corresponding images are loaded when starting the installation.

SmallInstaller options in Setup.ini sections:
[SmallButton] >> Group of button (Common value for all small buttons. Value is used if the section key corresponding to the button does not exist.)
[SmallCancelButton] >> Button is positioned on the right side of smallInstaller by default, but the value left, top can be entered.
[SmallMusicButton] >> Button is positioned on the left side of smallInstaller by default, but the value left, top can be entered.
[EqualizerButtonSI] >> Same property as other equalizers, but displayed in the smallinstaller.
[SmallInstaller] >> All major SmallInstaller settings
[ProgressBarSI] >> Positioning the SmallInstaller progress bar.
[PercentLabelSI] >> SmallInstaller installation percentage display label

Images used in SmallInstaller:
SmallButton.png \ SmallButtonSelected.png \ SmallButtonClicked.png
SmallCancel.png \ SmallCancelSelected.png \ SmallCancelClicked.png
SmallMusic.png \ SmallMusicSelected.png \ SmallMusicClicked.png
EqualizerSI.png \ EqualizerSISelected.png \ EqualizerSIDisabled.png
SmallInstaller.bmp \ SmallInstaller.png \ SmallInstaller_<LANG>.png

To display smallInstaller in version 3.0.0.0.u5, you need at least one slide image in the Setup\Background folder and the image of smallInstaller in the Setup\Setup folder.
Setup\Background\1.jpg or Setup\Background\1.png or Setup\Background\FlashBG.swf (need Flash Installed)
Setup\Setup\SmallInstaller.png

In CIU 3.0.0.0.u5 to change between Installer and SmallInstaller during installation just use a double click on the installer/smallinstaller interface.
Download a demo video HERE (Some features seen in the video are new in the beta)

I think you should just consult the file "_Setup.ini" in the CIU "Help" folder and create your designer including all the keys from _Setup.ini you can get.
If you are in doubt about what each key is for, send me the section / key that I explain better.

On site buttons all site buttons can have a common site (required) and it also supports a site for each language.

Thanks!

[mausschieber]

I found also a few bugs

first the Websitebutton is not shown

the font does not match with the font in setup.ini

[mausschieber]

Hello is the project dead or will it continue someday?