| |||||||||||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
  | |||||||||||
Making Themes Contents Introduction In Short Tools Button States General Styles Main Controls Secondary Controls Playlist Controls Toolbar Icon List Releasing Credits Licenses |
Chapter 4. Button States
<- Return to Tools     Continue to General Styles ->
Before you even start planning a theme, it is important to know the button states in eMotion. You will need to make a different icon for each button state. Usually, a button will be very similar in each state, with only changes in brightness or a reversal of a bevel. In eMotion there are currently three button states, although there will likely be five fairly soon. The current button states are normal, over, and pressed. Active and inactive will likely be added. The icon for each state is named by the base name of the button followed by an underscore and a number, then the file extension. So, the play button consists of three files: 'play_1.png' for the normal state, 'play_2.png' for the over state, and 'play_3.png' for the pressed state. Each state is just a different PNG image. They are switched when the button switches states. They do not technically need to be the same size, but they always should be. If one state of a button is smaller than the other, it will look very strange when it changes states. If one design is smaller than the other, that is okay, but you should put a transparent background behind it that is the same size as the largest state for that button. Below are examples of some buttons in their three button states. The most commonly seen button state is 'normal'. If the button is not being used, but could be clicked on, and the mouse cursor is not over it, the button will appear like this. 'Over' is what a button will look like if the mouse cursor is over it, but the button is not being clicked on When a button is clicked on, it changes to 'pressed'. Currently, it only appears pressed if the mouse clicks on it. Possibly, it will later also change state when the associated hotkey is pressed. When active and inactive are added, inactive will be the button appearance when that button could not be used (as would be the case for 'stop' when nothing is playing), and active will be for when a button's action is being done, but the button is not being clicked (as would be the case for 'play' when a file is currently being played). These states would likely never be needed for many of the buttons, and these states will possibly never be added, but there are good odds that they will be there eventually. <- Return to Tools     Continue to General Styles ->
|
||||||||||
  | |||||||||||
Home   Downloads   F.A.Q.   Documentation   Report Bugs Email the Site Administrator |