
Animation using Timers
Timer1 in Action
var countries = Chart_Key.getDataSource().getMembers("CountryRegion");
if(counter<countries.length-1)
{
Text_Key.applyText("Key Highlights for "+countries[counter].description);
Chart_Key.getDataSource().setDimensionFilter("CountryRegion",countries[counter].id);
Timer_Region.start(2.5);
counter++;
}
else
{
Text_Key.applyText("Overall Key Highlights");
Chart_Key.getDataSource().removeDimensionFilter("CountryRegion");
Timer_Region.start(2.5);
counter=0;
}
Timer2 in Action
// One panel container contains 4 horizontal panels.
//PANELS = [Panel_1, Panel_2, Panel_3, Panel_4];
Timer_Panel.stop();
var numOfPanels = PANELS.length;
var moveStep = 0.1;
var firstPanel = PANELS[0];
var leftMarginOfFirstPanel = firstPanel.getLayout().getLeft().value;
var panelWidth = firstPanel.getLayout().getWidth().value;
var padding = 0;
if(leftMarginOfFirstPanel >= moveStep) {
for(var i = 0 ; i < numOfPanels; i++) {
var layout = PANELS[i].getLayout();
layout.setLeft(LayoutValue.create(layout.getLeft().value - moveStep, LayoutUnit.Percent));
}
}
else
{ // Move the first panel to end
firstPanel.getLayout().setLeft(LayoutValue.create((panelWidth + padding)* numOfPanels, LayoutUnit.Percent));
for(i = 0 ; i < numOfPanels - 1; i++)
{
PANELS[i] = PANELS[i+1];
}
PANELS[i] = firstPanel;
}
Timer_Panel.start(ANIMATION_INTERVAL);
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
21 | |
18 | |
10 | |
9 | |
7 | |
7 | |
7 | |
6 | |
5 | |
5 |