• June 13, 2021, 05:39:13 pm

Author Topic: How to make Theme effects yourself [Effects files detailed]  (Read 3586 times)

0 Members and 1 Guest are viewing this topic.

Offline syarmwawa

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,638
  • Reputation: 1173
  • SYmbian FTW!!!!!!!
  • Current Phone: : Nokia 5800 & Nokia C7 with Sexy Belle & 701 FTW...
How to make Theme effects yourself [Effects files detailed]
« on: January 09, 2012, 02:45:39 pm »

They are the name file for the effect
activeidle_viewswitch_bg_anim_to_image.fxml- boot time effects
activeidle_viewswitch_bg_image_to_image.fxml -homescreen effects by three tick(anna)
activeidle_viewswitch_bg_image_to_image_slow.fxml- homescreen sliding effects
activeidle_viewswitch_close_editmode.fxml- long press to exit editmode of the homescreen effects
activeidle_viewswitch_open_editmode.fxml-long press to active editmode of the homescreen effects
app_activate.fxml- open menu effect
app_exit.fxml- exit the program results
app_start.fxml- open the program's performance
app_start_long.fxml- program to open the front to wait for results
app_start_rect.fxml- open the homescreen shortcut app
appshell_exit.fxml- exit the menu effect
confirmationnote_appear.fxml- confirmation box display
confirmationnote_disappear.fxml- confirmation prompt box disappears effect
contextmenu_appear.fxml- display the context menu (for example the power button menu, synchronization wizard box)
contextmenu_disappear.fxml- effect of the context menu disappears
dialer_close.fxml- dialer off effect
dialer_open.fxml- dialer to open results
dialer_list_appear.fxml- dialer interface, contact list display the search results
dialer_list_disappear.fxml- dialer interface, contact list disappear search results
discreet_popup_appear.fxml- left-down slide-out display boxes
discreet_popup_disappear.fxml- left-down slide-out effect of the prompt box disappears
errornote_appear.fxml- error message box display
errornote_disappear.fxml- error box disappears effect
fade_effect.fxml- when open options the background effect (include any pop-up display)
folder_close.fxml- close the folder effect
folder_open.fxml- open the folder effect
informationnote_appear.fxml- message box display (this is not the message boxes)
informationnote_disappear.fxml- message box disappears effect
layoutswitch_appear.fxml- screen rotating display
layoutswitch_disappear.fxml- screen rotation effect disappears
layoutswitch_videos_appear.fxml- video rotating display
layoutswitch_videos_disappear.fxml- video rotation effect disappears
musicplayer_viewswitch_in.fxml open the music player song list effect
musicplayer_viewswitch_out.fxml- exit music player song list effect
optionsmenu_appear.fxml- open the option effect
optionsmenu_disappear.fxml- exit option effect
optionsmenu_cascade_appear.fxml-open the secondly options menu(example inside setting options menu)
optionsmenu_cascade_disappear.fxml- exit secondly option menu effect
phone_callui_appear.fxml- call display
phone_callui_disappear.fxml- call away effect
photos_fullscreen_close.fxml- exit full-screen view photo effects
photos_gridview_to_fullscreen.fxml- Click the picture to full screen view effect
photos_landscape_to_portrait.fxml- horizontal screen image switches to portrait effect
photos_portrait_to_landscape.fxml- vertical screen image switches to landscape effects
popup_appear.fxml- gestures display (long on-screen pop-up menu)
popup_disappear.fxml- gestures effect disappears
systemnotify_appear.fxml- notification display system
systemnotify_disappear.fxml- system notice the effect disappears
taskswapper_app_start_rect.fxml- in the Task Manager to switch to the open procedure effect
taskswapper_appear.fxml- Task Manager display
taskswapper_disappear.fxml- Task Manager disappear effect
toolbar_ext_appear.fxml- toolbar display (for example, writing a message into the accessories that effect)
toolbar_ext_disappear.fxml- toolbar disappears effect
touchinput_close.fxml- off effect of input
touchinput_open.fxml- open the input method results
viewswitch_left.fxml- effects such as setting options inside (where the effect can be understood as open)
viewswitch_left_appear.fxml- which options such as setting display
viewswitch_left_disappear.fxml- options such as setting which effect disappears
viewswitch_right.fxml- effects such as setting options inside (where the effect can be interpreted as exit)
viewswitch_right_appear.fxml- which options such as setting display
viewswitch_right_disappear.fxml- options such as setting which effect disappears
waitnote_appear.fxml- wait for the prompt box display
waitnote_disappear.fxml- wait for the prompt box disappears effect
warningnote_appear.fxml- warning box display
warningnote_disappear.fxml- warning box disappears effect






How to DIY theme effects


Effect one (right to left interchangeable slide)


<? Xml version = "1.0" encoding = "ASCII"?>
<Layers xmlns: xsi = "http://www.w3.org/2001/XMLSchema-instance"
xsi: noNamespaceSchemaLocation = "http://www.nokia.com/FXML">
<visual src="Item">
<param name="translation_x" type="anim" ref="screen.width"> <style> outquad </ style> <duration> 0.35 </ duration> <keyframe
at = "0.0"> 1.0 </ keyframe> <keyframe
at = "1.0"> 0.0 </ keyframe> </ param>
</ Visual>
<visual src="input1" opaque="true">
<param name="translation_x" type="anim" ref="screen.width"> <style> outquad </ style> <duration> 0.35 </ duration> <keyframe
at = "0.0"> 0.00 </ keyframe> <keyframe
at = "1.0"> 1.0 </ keyframe> </ param>
</ Visual>
</ Layers>
-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ------------------


Effect two (interchangeable sliding left to right)


<? Xml version = "1.0" encoding = "ASCII"?>
<Layers xmlns: xsi = "http://www.w3.org/2001/XMLSchema-instance"
xsi: noNamespaceSchemaLocation = "http://www.nokia.com/FXML">
<visual src="Item">
<param name="translation_x" type="anim" ref="screen.width"> <style> outquad </ style> <duration> 0.35 </ duration> <keyframe
at = "0.0"> -1.0 </ keyframe> <keyframe
at = "1.0"> 0.0 </ keyframe> </ param>
</ Visual>
<visual src="input1" opaque="true">
<param name="translation_x" type="anim" ref="screen.width"> <style> outquad </ style> <duration> 0.35 </ duration> <keyframe
at = "0.0"> 0.00 </ keyframe> <keyframe
at = "1.0"> -1.0 </ keyframe> </ param>
</ Visual>
</ Layers>


1.
Contrast these two effects can be seen that there are two different places
at = "0.0"> 1.0 </ keyframe and at = "0.0"> -1.0 </ keyframe
at = "1.0"> 1.0 </ keyframe and at = "1.0"> -1.0 </ keyframe


If the effect is one of at = "0.0"> 1.0 </ keyframe to at = "0.0"> -1.0 </ keyframe
at = "1.0"> 1.0 </ keyframe to at = "1.0"> -1.0 </ keyframe
This can effect a sliding direction from right to left to left to right, into the opposite direction to the effect that


2.
"Translation_x" to "translation_y" will change the direction of


"Translation_x" x said portrait or landscape orientation to the state about the direction of sliding
"Translation_y" y that portrait or landscape mode in the direction of sliding up and down direction


If the "translation_x" to "translation_y", pay attention to see if there "*****. width "phrase exist, there must be change it to "*****. height"
"Translation_x" corresponds "*****. width "(where the ***** that name, a different configuration files have different names, this would not change)
"Translation_y" corresponds "*****. height "


3.
<duration> 0.35 </ duration> 0.35 for the effect of speed, the greater the value the slower the speed, the smaller the faster

Offline kgb1968

  • Viewer
  • *
  • Posts: 1
  • Reputation: 0
  • Symbian Power User
  • Current Phone: : N8-00
Re: How to make Theme effects yourself [Effects files detailed]
« Reply #1 on: April 16, 2012, 01:08:46 pm »
-1 is the left side of screen ?
0 is the center of screen ?
1 es the right side of screen ?

How can I get homescreen movement like in android and bada UI ?

Offline Allstar12345

  • Allstar Software Founder
  • Administrator
  • Forum Genius
  • ******
  • Posts: 5,229
  • Reputation: 810
  • That passion that takes you away
    • Allstar Software
  • Current Phone: : OnePlus 6, Nexus 6p, Jolla Phone, Nokia N8, Nokia 808 PureView, BlackBerry Z30
Re: How to make Theme effects yourself [Effects files detailed]
« Reply #2 on: April 16, 2012, 02:44:36 pm »
-1 is the left side of screen ?
0 is the center of screen ?
1 es the right side of screen ?

How can I get homescreen movement like in android and bada UI ?
Nope it is not that
those values are for size for example
1 is original size 0.5 is half the original size and the same in -1 that is minus the full size.

And no android hs uses one full wallpaper unlike symbian.

Offline ajeetuk007

  • Happy Member
  • ***
  • Posts: 239
  • Reputation: 3
  • symbian forever....
  • Current Phone: : nokia c6-01
Re: How to make Theme effects yourself [Effects files detailed]
« Reply #3 on: May 23, 2012, 08:56:00 pm »
Nope it is not that
those values are for size for example
1 is original size 0.5 is half the original size and the same in -1 that is minus the full size.

And no android hs uses one full wallpaper unlike symbian.
can u explain it in more simplified way coz i didn't even get how to start this process but i want to make theme effect

Offline jayraj11

  • Forum User
  • **
  • Posts: 52
  • Reputation: 1
  • MY LIFE MY RULES
  • Current Phone: : Nokia N8
Re: How to make Theme effects yourself [Effects files detailed]
« Reply #4 on: May 27, 2012, 02:06:19 pm »
Very good tutorial mate...i needed this 1... :) :) +1

Offline vds5344

  • The mortal
  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,281
  • Reputation: 196
  • Pissed by kids.
    • Symbian Developers
  • Current Phone: : Nokia c6 01
Re: How to make Theme effects yourself [Effects files detailed]
« Reply #5 on: May 27, 2012, 02:10:19 pm »
indeed awesome try tinkering with the values ;

Offline matthew

  • Mass Poster
  • ****
  • Posts: 1,313
  • Reputation: 13
  • SymphonyOS
  • Current Phone: :
    N8-00 (25.007)
    808 (113.010.1508)
    Retired E72, E6-00
Re: How to make Theme effects yourself [Effects files detailed]
« Reply #6 on: August 19, 2013, 10:53:59 am »
Thanks, mate ;)