view.h
6.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
#ifndef DALI_DEMO_HELPER_VIEW_H
#define DALI_DEMO_HELPER_VIEW_H
/*
* Copyright (c) 2020 Samsung Electronics Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
#include <dali-toolkit/dali-toolkit.h>
#include <dali-toolkit/devel-api/controls/tool-bar/tool-bar.h>
namespace DemoHelper
{
/**
* Provide a style for the view and its tool bar.
*/
struct ViewStyle
{
ViewStyle(float toolBarButtonPercentage, float toolBarTitlePercentage, float toolBarHeight, float toolBarPadding)
: mToolBarButtonPercentage(toolBarButtonPercentage),
mToolBarTitlePercentage(toolBarTitlePercentage),
mToolBarHeight(toolBarHeight),
mToolBarPadding(toolBarPadding)
{
}
float mToolBarButtonPercentage; ///< The tool bar button width is a percentage of the tool bar width.
float mToolBarTitlePercentage; ///< The tool bar title width is a percentage of the tool bar width.
float mToolBarHeight; ///< The tool bar height (in pixels).
float mToolBarPadding; ///< The tool bar padding (in pixels)..
};
const ViewStyle DEFAULT_VIEW_STYLE(0.1f, 0.7f, 80.f, 4.f);
const char* DEFAULT_TEXT_STYLE_FONT_FAMILY("HelveticaNue");
const float DEFAULT_TEXT_STYLE_POINT_SIZE(8.0f);
const Dali::Toolkit::Alignment::Padding DEFAULT_PLAY_PADDING(12.0f, 12.0f, 12.0f, 12.0f);
const Dali::Toolkit::Alignment::Padding DEFAULT_MODE_SWITCH_PADDING(8.0f, 8.0f, 8.0f, 8.0f);
Dali::Layer CreateToolbar(Dali::Toolkit::ToolBar& toolBar,
const std::string& toolbarImagePath,
const std::string& title,
const ViewStyle& style)
{
Dali::Layer toolBarLayer = Dali::Layer::New();
toolBarLayer.SetProperty(Dali::Actor::Property::NAME, "TOOLBAR_LAYER");
toolBarLayer.SetProperty(Dali::Actor::Property::ANCHOR_POINT, Dali::AnchorPoint::TOP_CENTER);
toolBarLayer.SetProperty(Dali::Actor::Property::PARENT_ORIGIN, Dali::ParentOrigin::TOP_CENTER);
toolBarLayer.SetResizePolicy(Dali::ResizePolicy::FILL_TO_PARENT, Dali::Dimension::WIDTH);
toolBarLayer.SetProperty(Dali::Actor::Property::SIZE, Dali::Vector2(0.0f, style.mToolBarHeight));
// Raise tool bar layer to the top.
toolBarLayer.RaiseToTop();
// Tool bar
toolBar = Dali::Toolkit::ToolBar::New();
toolBar.SetProperty(Dali::Actor::Property::NAME, "TOOLBAR");
Dali::Property::Map background;
background["url"] = toolbarImagePath;
toolBar.SetProperty(Dali::Toolkit::Control::Property::BACKGROUND, background);
toolBar.SetProperty(Dali::Actor::Property::PARENT_ORIGIN, Dali::ParentOrigin::TOP_CENTER);
toolBar.SetProperty(Dali::Actor::Property::ANCHOR_POINT, Dali::AnchorPoint::TOP_CENTER);
toolBar.SetResizePolicy(Dali::ResizePolicy::FILL_TO_PARENT, Dali::Dimension::ALL_DIMENSIONS);
// Add the tool bar to the tool bar layer.
toolBarLayer.Add(toolBar);
// Tool bar text.
if(!title.empty())
{
Dali::Toolkit::TextLabel label = Dali::Toolkit::TextLabel::New();
label.SetProperty(Dali::Actor::Property::ANCHOR_POINT, Dali::AnchorPoint::TOP_LEFT);
label.SetStyleName("ToolbarLabel");
label.SetProperty(Dali::Toolkit::TextLabel::Property::TEXT, title);
label.SetProperty(Dali::Toolkit::TextLabel::Property::HORIZONTAL_ALIGNMENT, "CENTER");
label.SetProperty(Dali::Toolkit::TextLabel::Property::VERTICAL_ALIGNMENT, "CENTER");
label.SetResizePolicy(Dali::ResizePolicy::FILL_TO_PARENT, Dali::Dimension::HEIGHT);
// Add title to the tool bar.
const float padding(style.mToolBarPadding);
toolBar.AddControl(label, style.mToolBarTitlePercentage, Dali::Toolkit::Alignment::HORIZONTAL_CENTER, Dali::Toolkit::Alignment::Padding(padding, padding, padding, padding));
}
return toolBarLayer;
}
Dali::Layer CreateView(Dali::Application& application,
Dali::Toolkit::Control& view,
Dali::Toolkit::ToolBar& toolBar,
const std::string& backgroundImagePath,
const std::string& toolbarImagePath,
const std::string& title,
const ViewStyle& style = DEFAULT_VIEW_STYLE)
{
Dali::Window window = application.GetWindow();
// Create default View.
view = Dali::Toolkit::Control::New();
view.SetProperty(Dali::Actor::Property::ANCHOR_POINT, Dali::AnchorPoint::CENTER);
view.SetProperty(Dali::Actor::Property::PARENT_ORIGIN, Dali::ParentOrigin::CENTER);
view.SetResizePolicy(Dali::ResizePolicy::FILL_TO_PARENT, Dali::Dimension::ALL_DIMENSIONS);
// Add the view to the window before setting the background.
window.Add(view);
// Set background image, loading it at screen resolution:
if(!backgroundImagePath.empty())
{
Dali::Property::Map map;
map[Dali::Toolkit::Visual::Property::TYPE] = Dali::Toolkit::Visual::IMAGE;
map[Dali::Toolkit::ImageVisual::Property::URL] = backgroundImagePath;
map[Dali::Toolkit::ImageVisual::Property::DESIRED_WIDTH] = window.GetSize().GetWidth();
map[Dali::Toolkit::ImageVisual::Property::DESIRED_HEIGHT] = window.GetSize().GetHeight();
map[Dali::Toolkit::ImageVisual::Property::FITTING_MODE] = Dali::FittingMode::SCALE_TO_FILL;
map[Dali::Toolkit::ImageVisual::Property::SAMPLING_MODE] = Dali::SamplingMode::BOX_THEN_LINEAR;
map[Dali::Toolkit::ImageVisual::Property::SYNCHRONOUS_LOADING] = true;
view.SetProperty(Dali::Toolkit::Control::Property::BACKGROUND, map);
}
// Create default ToolBar
Dali::Layer toolBarLayer = CreateToolbar(toolBar, toolbarImagePath, title, style);
// Add tool bar layer to the view.
view.Add(toolBarLayer);
// Create a content layer.
Dali::Layer contentLayer = Dali::Layer::New();
contentLayer.SetProperty(Dali::Actor::Property::ANCHOR_POINT, Dali::AnchorPoint::CENTER);
contentLayer.SetProperty(Dali::Actor::Property::PARENT_ORIGIN, Dali::ParentOrigin::CENTER);
contentLayer.SetResizePolicy(Dali::ResizePolicy::FILL_TO_PARENT, Dali::Dimension::ALL_DIMENSIONS);
view.Add(contentLayer);
contentLayer.LowerBelow(toolBarLayer);
return contentLayer;
}
Dali::Toolkit::TextLabel CreateToolBarLabel(const std::string& text)
{
Dali::Toolkit::TextLabel label = Dali::Toolkit::TextLabel::New(text);
label.SetStyleName("ToolbarLabel");
label.SetProperty(Dali::Toolkit::TextLabel::Property::HORIZONTAL_ALIGNMENT, "CENTER");
label.SetProperty(Dali::Toolkit::TextLabel::Property::VERTICAL_ALIGNMENT, "CENTER");
label.SetResizePolicy(Dali::ResizePolicy::FILL_TO_PARENT, Dali::Dimension::HEIGHT);
return label;
}
} // namespace DemoHelper
#endif // DALI_DEMO_HELPER_VIEW_H