stopColors.PushBack(Vector4(0.0f, 0.0f, 1.0f, 1.0f));
stopColors.PushBack(Vector4(1.0f, 1.0f, 1.0f, 1.0f));
map.Insert(GradientVisual::Property::STOP_COLOR, stopColors);
- Vector2 halfWindowSize = windowSize * 0.5f;
- map.Insert(GradientVisual::Property::START_POSITION, Vector2(0.0f, -halfWindowSize.y));
- map.Insert(GradientVisual::Property::END_POSITION, Vector2(0.0f, halfWindowSize.y));
+ map.Insert(GradientVisual::Property::START_POSITION, Vector2::ZERO);
+ map.Insert(GradientVisual::Property::END_POSITION, Vector2(0.0f, windowSize.y));
map.Insert(GradientVisual::Property::UNITS, GradientVisual::Units::USER_SPACE);
background[Dali::Toolkit::Control::Property::BACKGROUND] = map;
window.Add(background);
stopColors.PushBack(Vector4(0.45f, 0.70f, 0.80f, 1.0f)); // Medium bright, pastel blue
const float percentageWindowHeight = window.GetSize().GetHeight() * 0.6f;
- mNavigationView.SetProperty(Toolkit::Control::Property::BACKGROUND, Dali::Property::Map().Add(Toolkit::Visual::Property::TYPE, Dali::Toolkit::Visual::GRADIENT).Add(Toolkit::GradientVisual::Property::STOP_OFFSET, stopOffsets).Add(Toolkit::GradientVisual::Property::STOP_COLOR, stopColors).Add(Toolkit::GradientVisual::Property::START_POSITION, Vector2(0.0f, -percentageWindowHeight)).Add(Toolkit::GradientVisual::Property::END_POSITION, Vector2(0.0f, percentageWindowHeight)).Add(Toolkit::GradientVisual::Property::UNITS, Toolkit::GradientVisual::Units::USER_SPACE));
+ Dali::Property::Map map{};
+ map.Add(Toolkit::Visual::Property::TYPE, Dali::Toolkit::Visual::GRADIENT);
+ map.Add(Toolkit::GradientVisual::Property::STOP_OFFSET, stopOffsets);
+ map.Add(Toolkit::GradientVisual::Property::STOP_COLOR, stopColors);
+ map.Add(Toolkit::GradientVisual::Property::START_POSITION, Vector2(0.0f, -percentageWindowHeight*0.5f));
+ map.Add(Toolkit::GradientVisual::Property::END_POSITION, Vector2(0.0f, percentageWindowHeight*0.5f));
+ mNavigationView.SetProperty(Toolkit::Control::Property::BACKGROUND, map);
SetUpItemView();
mNavigationView.Push(mItemView);
}
case 1: // linear gradient with units as userSpaceOnUse
{
- Vector2 halfWindowSize = Vector2(mApplication.GetWindow().GetSize()) * 0.5f;
- gradientMap.Insert(GradientVisual::Property::START_POSITION, halfWindowSize);
- gradientMap.Insert(GradientVisual::Property::END_POSITION, -halfWindowSize);
+ Vector2 windowSize = Vector2(mApplication.GetWindow().GetSize())*0.8f;
+ gradientMap.Insert(GradientVisual::Property::START_POSITION, Vector2::ZERO);
+ gradientMap.Insert(GradientVisual::Property::END_POSITION, windowSize);
gradientMap.Insert(GradientVisual::Property::UNITS, GradientVisual::Units::USER_SPACE);
break;
}
default: // radial gradient with units as userSpaceOnUse
{
Vector2 windowSize = mApplication.GetWindow().GetSize();
- gradientMap.Insert(GradientVisual::Property::CENTER, windowSize * 0.5f);
- gradientMap.Insert(GradientVisual::Property::RADIUS, windowSize.Length());
+ gradientMap.Insert(GradientVisual::Property::CENTER, windowSize*0.8f);
+ gradientMap.Insert(GradientVisual::Property::RADIUS, windowSize.Length()*0.8f);
gradientMap.Insert(GradientVisual::Property::UNITS, GradientVisual::Units::USER_SPACE);
break;
}
Property::Array stopColors;
stopColors.PushBack(Vector4(0.17f, 0.24f, 0.35f, 1.0f)); // Dark, medium saturated blue ( top of screen)
stopColors.PushBack(Vector4(0.45f, 0.70f, 0.80f, 1.0f)); // Medium bright, pastel blue (bottom of screen)
- const float percentageWindowHeight = window.GetSize().GetHeight() * 0.7f;
-
- background.SetProperty(Toolkit::Control::Property::BACKGROUND, Dali::Property::Map().Add(Toolkit::Visual::Property::TYPE, Dali::Toolkit::Visual::GRADIENT).Add(Toolkit::GradientVisual::Property::STOP_OFFSET, stopOffsets).Add(Toolkit::GradientVisual::Property::STOP_COLOR, stopColors).Add(Toolkit::GradientVisual::Property::START_POSITION, Vector2(0.0f, -percentageWindowHeight)).Add(Toolkit::GradientVisual::Property::END_POSITION, Vector2(0.0f, percentageWindowHeight)).Add(Toolkit::GradientVisual::Property::UNITS, Toolkit::GradientVisual::Units::USER_SPACE));
+ const float percentageWindowHeight = window.GetSize().GetHeight()*0.8f;
+
+ background.SetProperty(Toolkit::Control::Property::BACKGROUND, Dali::Property::Map()
+ .Add(Toolkit::Visual::Property::TYPE, Dali::Toolkit::Visual::GRADIENT)
+ .Add(Toolkit::GradientVisual::Property::STOP_OFFSET, stopOffsets)
+ .Add(Toolkit::GradientVisual::Property::STOP_COLOR, stopColors)
+ .Add(Toolkit::GradientVisual::Property::START_POSITION, Vector2(0.0f, 0.0f))
+ .Add(Toolkit::GradientVisual::Property::END_POSITION, Vector2(0.0f, percentageWindowHeight))
+ .Add(Toolkit::GradientVisual::Property::UNITS, Toolkit::GradientVisual::Units::USER_SPACE));
window.Add(background);
Property::Array stopColors;\r
stopColors.PushBack(Color::BLACK);\r
stopColors.PushBack(Vector4(0.45f, 0.7f, 0.8f, 1.f)); // Medium bright, pastel blue\r
- const float percentageWindowHeight = window.GetSize().GetHeight() * 0.6f;\r
+ const float percentageWindowHeight = window.GetSize().GetHeight() * 0.8f;\r
\r
navigationView.SetProperty(Toolkit::Control::Property::BACKGROUND,\r
Dali::Property::Map()\r
.Add(Toolkit::Visual::Property::TYPE, Dali::Toolkit::Visual::GRADIENT)\r
.Add(Toolkit::GradientVisual::Property::STOP_OFFSET, stopOffsets)\r
.Add(Toolkit::GradientVisual::Property::STOP_COLOR, stopColors)\r
- .Add(Toolkit::GradientVisual::Property::START_POSITION, Vector2(0.f, -percentageWindowHeight))\r
- .Add(Toolkit::GradientVisual::Property::END_POSITION, Vector2(0.f, percentageWindowHeight))\r
- .Add(Toolkit::GradientVisual::Property::UNITS, Toolkit::GradientVisual::Units::USER_SPACE));\r
+ .Add(Toolkit::GradientVisual::Property::START_POSITION, Vector2(0.f, 0.0f))\r
+ .Add(Toolkit::GradientVisual::Property::END_POSITION, Vector2(0.f, percentageWindowHeight))\r
+ .Add(Toolkit::GradientVisual::Property::UNITS, Toolkit::GradientVisual::Units::USER_SPACE));\r
window.Add(navigationView);\r
mNavigationView = navigationView;\r
\r
"background":
{
"visualType": "GRADIENT",
- "center": [240, 400],
+ "center": [480, 800],
"radius": 932,
"units": "USER_SPACE",
"stopColor": [[0.247,0.38,0.52,1.0],[0.055,0.18,0.286,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [240, 400],
+ "center": [480, 800],
"radius": 932,
"units": "USER_SPACE",
"stopColor": [[0,0,0,1.0],[0.556863,0.054902,0,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [240, 400],
+ "center": [480, 800],
"radius": 932,
"units": "USER_SPACE",
"stopColor": [[0.392157,0.254902,0.647059,1.0],[0.164706,0.0313725,0.270588,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [240, 400],
+ "center": [480, 800],
"radius": 932,
"units": "USER_SPACE",
"stopColor": [[0.247,0.38,0.52,1.0],[0.055,0.18,0.286,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [240, 400],
+ "center": [480, 800],
"radius": 932,
"units": "USER_SPACE",
"stopColor": [[0,0,0,1.0],[0.556863,0.054902,0,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [360, 640],
+ "center": [720, 1280],
"radius": 1468,
"units": "USER_SPACE",
"stopColor": [[0.247,0.38,0.52,1.0],[0.055,0.18,0.286,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [360, 640],
+ "center": [720, 1280],
"radius": 1468,
"units": "USER_SPACE",
"stopColor": [[0,0,0,1.0],[0.556863,0.054902,0,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [360, 640],
+ "center": [720, 1280],
"radius": 1468,
"units": "USER_SPACE",
"stopColor": [[0.392157,0.254902,0.647059,1.0],[0.164706,0.0313725,0.270588,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [240, 400],
+ "center": [480, 800],
"radius": 932,
"units": "USER_SPACE",
"stopColor": [[0.247,0.38,0.52,1.0],[0.055,0.18,0.286,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [360, 640],
+ "center": [720, 1280],
"radius": 1468,
"units": "USER_SPACE",
"stopColor": [[0,0,0,1.0],[0.556863,0.054902,0,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [360, 640],
+ "center": [720, 1280],
"radius": 1468,
"units": "USER_SPACE",
"stopColor": [[0.392157,0.254902,0.647059,1.0],[0.164706,0.0313725,0.270588,1.0]]
"background":
{
"visualType": "GRADIENT",
- "center": [240, 400],
+ "center": [480, 800],
"radius": 932,
"units": "USER_SPACE",
"stopColor": [[0.392157,0.254902,0.647059,1.0],[0.164706,0.0313725,0.270588,1.0]]