#include "shared/view.h"
#include <dali-toolkit/dali-toolkit.h>
+#include <dali-toolkit/devel-api/controls/progress-bar/progress-bar-devel.h>
using namespace Dali;
using namespace Dali::Toolkit;
// Layout sizes
const int MARGIN_SIZE = 10;
const int TOP_MARGIN = 85;
+const int CIRCULAR_PROGRESS_BAR_SIZE = 64;
const unsigned int TIMER_TIMEOUT_TIME = 50;
const float PROGRESS_INCREMENT_VALUE = 0.01f;
mProgressBarDefault.SetResizePolicy(ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT);
mProgressBarDefault.ValueChangedSignal().Connect( this, &ProgressBarExample::OnValueChanged );
+ // Creates a progress bar in circular style
+ mProgressBarCircular = DevelProgressBar::New( DevelProgressBar::Style::CIRCULAR );
+ mProgressBarCircular.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::TOP_CENTER );
+ mProgressBarCircular.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::TOP_CENTER );
+ mProgressBarCircular.SetProperty( Actor::Property::SIZE, Vector2( CIRCULAR_PROGRESS_BAR_SIZE, CIRCULAR_PROGRESS_BAR_SIZE ) );
+
Toolkit::TableView contentTable = Toolkit::TableView::New(2, 1);
contentTable.SetResizePolicy(ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH);
contentTable.SetResizePolicy(ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT);
mContentLayer.Add( contentTable );
// Image selector for progress bar
- Toolkit::TableView progressBackground = Toolkit::TableView::New( 1, 1 );
+ Toolkit::TableView progressBackground = Toolkit::TableView::New( 2, 1 );
progressBackground.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
progressBackground.SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT );
progressBackground.SetBackgroundColor( BACKGROUND_COLOUR );
contentTable.Add( progressBackground );
progressBackground.Add( mProgressBarDefault );
+ progressBackground.Add( mProgressBarCircular );
// Create buttons
Toolkit::TableView buttonBackground = Toolkit::TableView::New( 3, 1 );
mSecondaryProgressValue = mProgressValue + 0.1f;
mProgressBarDefault.SetProperty(ProgressBar::Property::PROGRESS_VALUE, mProgressValue);
mProgressBarDefault.SetProperty(ProgressBar::Property::SECONDARY_PROGRESS_VALUE, mSecondaryProgressValue);
+ mProgressBarCircular.SetProperty( ProgressBar::Property::PROGRESS_VALUE, mProgressValue );
+ mProgressBarCircular.SetProperty( ProgressBar::Property::SECONDARY_PROGRESS_VALUE, mSecondaryProgressValue );
return ( mProgressValue < 1.0f ); // Only call again if progress has NOT got to the end
}
mSecondaryProgressValue = 0.1f;
mProgressBarDefault.SetProperty(ProgressBar::Property::PROGRESS_VALUE, 0.0f);
mProgressBarDefault.SetProperty(ProgressBar::Property::SECONDARY_PROGRESS_VALUE, 0.1f);
+ mProgressBarCircular.SetProperty( ProgressBar::Property::PROGRESS_VALUE, 0.0f );
+ mProgressBarCircular.SetProperty( ProgressBar::Property::SECONDARY_PROGRESS_VALUE, 0.1f );
mTimer.Start();
return true;
}
if( mProgressBarDefault.GetProperty<bool>(ProgressBar::Property::INDETERMINATE))
{
mProgressBarDefault.SetProperty(ProgressBar::Property::INDETERMINATE, false);
+ mProgressBarCircular.SetProperty( ProgressBar::Property::INDETERMINATE, false );
}
else
{
mProgressBarDefault.SetProperty(ProgressBar::Property::INDETERMINATE, true);
+ mProgressBarCircular.SetProperty( ProgressBar::Property::INDETERMINATE, true );
}
return true;
}
Toolkit::ToolBar mToolBar; ///< The View's Toolbar.
Layer mContentLayer; ///< Content layer.
ProgressBar mProgressBarDefault;
+ ProgressBar mProgressBarCircular;
Toolkit::PushButton mResetProgressButton;
Toolkit::PushButton mSetIndeterminateButton;
Toolkit::PushButton mChangeThemeButton;
"secondaryProgressVisual":{
"url":"{APPLICATION_RESOURCE_PATH}/images/new-progress-bar-secondary-progress.9.png"
}
+ },
+ "CircularProgressBar":
+ {
+ "trackVisual":{
+ "visualType":"ARC",
+ "mixColor":[1.0, 0.898, 0.769, 1.0],
+ "thickness":8.0
+ },
+ "progressVisual":{
+ "visualType":"ARC",
+ "mixColor":[0.965, 0.494, 0.49, 1.0],
+ "thickness":8.0
+ },
+ "secondaryProgressVisual":{
+ "visualType":"ARC",
+ "mixColor":[1.0, 0.757, 0.655, 1.0],
+ "thickness":8.0
+ },
+ "indeterminateVisual":{
+ "visualType":"ARC",
+ "mixColor":[0.49, 0.478, 0.635, 1.0],
+ "thickness":8.0,
+ "startAngle":267.0,
+ "sweepAngle":75.0
+ }
}
}
}
"secondaryProgressVisual":{
"url":"{APPLICATION_RESOURCE_PATH}/images/new-progress-bar-secondary-progress.9.png"
}
+ },
+ "CircularProgressBar":
+ {
+ "trackVisual":{
+ "visualType":"ARC",
+ "mixColor":[1.0, 0.898, 0.769, 1.0],
+ "thickness":8.0
+ },
+ "progressVisual":{
+ "visualType":"ARC",
+ "mixColor":[0.965, 0.494, 0.49, 1.0],
+ "thickness":8.0
+ },
+ "secondaryProgressVisual":{
+ "visualType":"ARC",
+ "mixColor":[1.0, 0.757, 0.655, 1.0],
+ "thickness":8.0
+ },
+ "indeterminateVisual":{
+ "visualType":"ARC",
+ "mixColor":[0.49, 0.478, 0.635, 1.0],
+ "thickness":8.0,
+ "startAngle":267.0,
+ "sweepAngle":75.0
+ }
}
}
}