OLD | NEW |
1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 #include "ui/views/controls/slider.h" | 5 #include "ui/views/controls/slider.h" |
6 | 6 |
7 #include <algorithm> | 7 #include <algorithm> |
8 | 8 |
9 #include "base/logging.h" | 9 #include "base/logging.h" |
10 #include "base/message_loop/message_loop.h" | 10 #include "base/message_loop/message_loop.h" |
11 #include "base/strings/stringprintf.h" | 11 #include "base/strings/stringprintf.h" |
12 #include "base/strings/utf_string_conversions.h" | 12 #include "base/strings/utf_string_conversions.h" |
| 13 #include "cc/paint/paint_flags.h" |
13 #include "third_party/skia/include/core/SkCanvas.h" | 14 #include "third_party/skia/include/core/SkCanvas.h" |
14 #include "third_party/skia/include/core/SkColor.h" | 15 #include "third_party/skia/include/core/SkColor.h" |
15 #include "third_party/skia/include/core/SkPaint.h" | 16 #include "third_party/skia/include/core/SkPaint.h" |
16 #include "ui/accessibility/ax_node_data.h" | 17 #include "ui/accessibility/ax_node_data.h" |
17 #include "ui/base/resource/resource_bundle.h" | 18 #include "ui/base/resource/resource_bundle.h" |
18 #include "ui/events/event.h" | 19 #include "ui/events/event.h" |
19 #include "ui/gfx/animation/slide_animation.h" | |
20 #include "ui/gfx/canvas.h" | 20 #include "ui/gfx/canvas.h" |
21 #include "ui/gfx/geometry/point.h" | 21 #include "ui/gfx/geometry/point.h" |
22 #include "ui/gfx/geometry/rect.h" | 22 #include "ui/gfx/geometry/rect.h" |
23 #include "ui/native_theme/native_theme.h" | 23 #include "ui/native_theme/native_theme.h" |
24 #include "ui/resources/grit/ui_resources.h" | 24 #include "ui/resources/grit/ui_resources.h" |
25 #include "ui/views/controls/md_slider.h" | |
26 #include "ui/views/controls/non_md_slider.h" | |
27 #include "ui/views/resources/grit/views_resources.h" | 25 #include "ui/views/resources/grit/views_resources.h" |
28 #include "ui/views/widget/widget.h" | 26 #include "ui/views/widget/widget.h" |
29 | 27 |
30 namespace { | 28 namespace { |
31 const int kSlideValueChangeDurationMs = 150; | 29 const int kSlideValueChangeDurationMs = 150; |
32 | 30 |
33 // The image chunks. | 31 // The image chunks. |
34 enum BorderElements { | 32 enum BorderElements { |
35 LEFT, | 33 LEFT, |
36 CENTER_LEFT, | 34 CENTER_LEFT, |
37 CENTER_RIGHT, | 35 CENTER_RIGHT, |
38 RIGHT, | 36 RIGHT, |
39 }; | 37 }; |
40 } // namespace | 38 } // namespace |
41 | 39 |
42 namespace views { | 40 namespace views { |
43 | 41 |
| 42 namespace { |
| 43 |
| 44 // Color of slider at the active and the disabled state, respectively. |
| 45 const SkColor kActiveColor = SkColorSetARGB(0xFF, 0x42, 0x85, 0xF4); |
| 46 const SkColor kDisabledColor = SkColorSetARGB(0xFF, 0xBD, 0xBD, 0xBD); |
| 47 constexpr uint8_t kHighlightColorAlpha = 0x4D; |
| 48 |
| 49 // The thickness of the slider. |
| 50 constexpr int kLineThickness = 2; |
| 51 |
| 52 // The radius used to draw rounded slider ends. |
| 53 constexpr float kSliderRoundedRadius = 2.f; |
| 54 |
| 55 // The radius of the thumb and the highlighted thumb of the slider, |
| 56 // respectively. |
| 57 constexpr float kThumbRadius = 6.f; |
| 58 constexpr float kThumbWidth = 2 * kThumbRadius; |
| 59 constexpr float kThumbHighlightRadius = 10.f; |
| 60 |
| 61 // The stroke of the thumb when the slider is disabled. |
| 62 constexpr int kThumbStroke = 2; |
| 63 |
| 64 // Duration of the thumb highlight growing effect animation. |
| 65 constexpr int kSlideHighlightChangeDurationMs = 150; |
| 66 |
| 67 } // namespace |
| 68 |
44 // static | 69 // static |
45 const char Slider::kViewClassName[] = "Slider"; | 70 const char Slider::kViewClassName[] = "Slider"; |
46 | 71 |
47 // static | 72 Slider::Slider(SliderListener* listener) |
48 Slider* Slider::CreateSlider(bool is_material_design, | 73 : listener_(listener), highlight_animation_(this) { |
49 SliderListener* listener) { | 74 highlight_animation_.SetSlideDuration(kSlideHighlightChangeDurationMs); |
50 if (is_material_design) | 75 EnableCanvasFlippingForRTLUI(true); |
51 return new MdSlider(listener); | 76 #if defined(OS_MACOSX) |
52 return new NonMdSlider(listener); | 77 SetFocusBehavior(FocusBehavior::ACCESSIBLE_ONLY); |
| 78 #else |
| 79 SetFocusBehavior(FocusBehavior::ALWAYS); |
| 80 #endif |
| 81 |
| 82 SchedulePaint(); |
53 } | 83 } |
54 | 84 |
55 Slider::~Slider() { | 85 Slider::~Slider() {} |
56 } | |
57 | 86 |
58 void Slider::SetValue(float value) { | 87 void Slider::SetValue(float value) { |
59 SetValueInternal(value, VALUE_CHANGED_BY_API); | 88 SetValueInternal(value, VALUE_CHANGED_BY_API); |
60 } | 89 } |
61 | 90 |
62 void Slider::SetAccessibleName(const base::string16& name) { | 91 void Slider::SetAccessibleName(const base::string16& name) { |
63 accessible_name_ = name; | 92 accessible_name_ = name; |
64 } | 93 } |
65 | 94 |
66 Slider::Slider(SliderListener* listener) | 95 void Slider::UpdateState(bool control_on) { |
67 : listener_(listener), | 96 is_active_ = control_on; |
68 value_(0.f), | 97 SchedulePaint(); |
69 keyboard_increment_(0.1f), | |
70 initial_animating_value_(0.f), | |
71 value_is_valid_(false), | |
72 accessibility_events_enabled_(true), | |
73 initial_button_offset_(0) { | |
74 EnableCanvasFlippingForRTLUI(true); | |
75 #if defined(OS_MACOSX) | |
76 SetFocusBehavior(FocusBehavior::ACCESSIBLE_ONLY); | |
77 #else | |
78 SetFocusBehavior(FocusBehavior::ALWAYS); | |
79 #endif | |
80 } | 98 } |
81 | 99 |
82 float Slider::GetAnimatingValue() const{ | 100 float Slider::GetAnimatingValue() const{ |
83 return move_animation_ && move_animation_->is_animating() | 101 return move_animation_ && move_animation_->is_animating() |
84 ? move_animation_->CurrentValueBetween(initial_animating_value_, | 102 ? move_animation_->CurrentValueBetween(initial_animating_value_, |
85 value_) | 103 value_) |
86 : value_; | 104 : value_; |
87 } | 105 } |
88 | 106 |
89 void Slider::SetHighlighted(bool is_highlighted) {} | 107 void Slider::SetHighlighted(bool is_highlighted) { |
90 | 108 if (is_highlighted) |
91 void Slider::OnPaint(gfx::Canvas* canvas) { | 109 highlight_animation_.Show(); |
92 View::OnPaint(canvas); | 110 else |
93 OnPaintFocus(canvas); | 111 highlight_animation_.Hide(); |
94 } | 112 } |
95 | 113 |
96 void Slider::AnimationProgressed(const gfx::Animation* animation) { | 114 void Slider::AnimationProgressed(const gfx::Animation* animation) { |
97 if (animation == move_animation_.get()) | 115 if (animation == &highlight_animation_) { |
98 SchedulePaint(); | 116 thumb_highlight_radius_ = |
| 117 animation->CurrentValueBetween(kThumbRadius, kThumbHighlightRadius); |
| 118 } |
| 119 |
| 120 SchedulePaint(); |
99 } | 121 } |
100 | 122 |
101 void Slider::AnimationEnded(const gfx::Animation* animation) { | 123 void Slider::AnimationEnded(const gfx::Animation* animation) { |
102 if (animation == move_animation_.get()) | 124 if (animation == move_animation_.get()) { |
103 move_animation_.reset(); | 125 move_animation_.reset(); |
| 126 return; |
| 127 } |
| 128 DCHECK_EQ(animation, &highlight_animation_); |
104 } | 129 } |
105 | 130 |
106 void Slider::SetValueInternal(float value, SliderChangeReason reason) { | 131 void Slider::SetValueInternal(float value, SliderChangeReason reason) { |
107 bool old_value_valid = value_is_valid_; | 132 bool old_value_valid = value_is_valid_; |
108 | 133 |
109 value_is_valid_ = true; | 134 value_is_valid_ = true; |
110 if (value < 0.0) | 135 if (value < 0.0) |
111 value = 0.0; | 136 value = 0.0; |
112 else if (value > 1.0) | 137 else if (value > 1.0) |
113 value = 1.0; | 138 value = 1.0; |
(...skipping 19 matching lines...) Expand all Loading... |
133 if (accessibility_events_enabled_ && GetWidget()) | 158 if (accessibility_events_enabled_ && GetWidget()) |
134 NotifyAccessibilityEvent(ui::AX_EVENT_VALUE_CHANGED, true); | 159 NotifyAccessibilityEvent(ui::AX_EVENT_VALUE_CHANGED, true); |
135 } | 160 } |
136 | 161 |
137 void Slider::PrepareForMove(const int new_x) { | 162 void Slider::PrepareForMove(const int new_x) { |
138 // Try to remember the position of the mouse cursor on the button. | 163 // Try to remember the position of the mouse cursor on the button. |
139 gfx::Insets inset = GetInsets(); | 164 gfx::Insets inset = GetInsets(); |
140 gfx::Rect content = GetContentsBounds(); | 165 gfx::Rect content = GetContentsBounds(); |
141 float value = GetAnimatingValue(); | 166 float value = GetAnimatingValue(); |
142 | 167 |
143 const int thumb_width = GetThumbWidth(); | 168 const int thumb_x = value * (content.width() - kThumbWidth); |
144 const int thumb_x = value * (content.width() - thumb_width); | |
145 const int candidate_x = (base::i18n::IsRTL() ? | 169 const int candidate_x = (base::i18n::IsRTL() ? |
146 width() - (new_x - inset.left()) : | 170 width() - (new_x - inset.left()) : |
147 new_x - inset.left()) - thumb_x; | 171 new_x - inset.left()) - thumb_x; |
148 if (candidate_x >= 0 && candidate_x < thumb_width) | 172 if (candidate_x >= 0 && candidate_x < kThumbWidth) |
149 initial_button_offset_ = candidate_x; | 173 initial_button_offset_ = candidate_x; |
150 else | 174 else |
151 initial_button_offset_ = thumb_width / 2; | 175 initial_button_offset_ = kThumbRadius; |
152 } | 176 } |
153 | 177 |
154 void Slider::MoveButtonTo(const gfx::Point& point) { | 178 void Slider::MoveButtonTo(const gfx::Point& point) { |
155 const gfx::Insets inset = GetInsets(); | 179 const gfx::Insets inset = GetInsets(); |
156 const int thumb_width = GetThumbWidth(); | |
157 // Calculate the value. | 180 // Calculate the value. |
158 int amount = base::i18n::IsRTL() | 181 int amount = base::i18n::IsRTL() |
159 ? width() - inset.left() - point.x() - initial_button_offset_ | 182 ? width() - inset.left() - point.x() - initial_button_offset_ |
160 : point.x() - inset.left() - initial_button_offset_; | 183 : point.x() - inset.left() - initial_button_offset_; |
161 SetValueInternal( | 184 SetValueInternal( |
162 static_cast<float>(amount) / (width() - inset.width() - thumb_width), | 185 static_cast<float>(amount) / (width() - inset.width() - kThumbWidth), |
163 VALUE_CHANGED_BY_USER); | 186 VALUE_CHANGED_BY_USER); |
164 } | 187 } |
165 | 188 |
166 void Slider::OnPaintFocus(gfx::Canvas* canvas) { | 189 void Slider::OnPaintFocus(gfx::Canvas* canvas) { |
167 if (!HasFocus()) | 190 if (!HasFocus()) |
168 return; | 191 return; |
169 | 192 |
170 // TODO(estade): make this a glow effect instead: crbug.com/658783 | 193 // TODO(estade): make this a glow effect instead: crbug.com/658783 |
171 gfx::Rect focus_bounds = GetLocalBounds(); | 194 gfx::Rect focus_bounds = GetLocalBounds(); |
172 focus_bounds.Inset(gfx::Insets(1)); | 195 focus_bounds.Inset(gfx::Insets(1)); |
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
231 return true; | 254 return true; |
232 } | 255 } |
233 | 256 |
234 void Slider::GetAccessibleNodeData(ui::AXNodeData* node_data) { | 257 void Slider::GetAccessibleNodeData(ui::AXNodeData* node_data) { |
235 node_data->role = ui::AX_ROLE_SLIDER; | 258 node_data->role = ui::AX_ROLE_SLIDER; |
236 node_data->SetName(accessible_name_); | 259 node_data->SetName(accessible_name_); |
237 node_data->SetValue(base::UTF8ToUTF16( | 260 node_data->SetValue(base::UTF8ToUTF16( |
238 base::StringPrintf("%d%%", static_cast<int>(value_ * 100 + 0.5)))); | 261 base::StringPrintf("%d%%", static_cast<int>(value_ * 100 + 0.5)))); |
239 } | 262 } |
240 | 263 |
| 264 void Slider::OnPaint(gfx::Canvas* canvas) { |
| 265 // Paint the slider. |
| 266 const gfx::Rect content = GetContentsBounds(); |
| 267 const int width = content.width() - kThumbRadius * 2; |
| 268 const int full = GetAnimatingValue() * width; |
| 269 const int empty = width - full; |
| 270 const int y = content.height() / 2 - kLineThickness / 2; |
| 271 const int x = content.x() + full + kThumbRadius; |
| 272 const SkColor current_thumb_color = |
| 273 is_active_ ? kActiveColor : kDisabledColor; |
| 274 |
| 275 // Extra space used to hide slider ends behind the thumb. |
| 276 const int extra_padding = 1; |
| 277 |
| 278 cc::PaintFlags slider_flags; |
| 279 slider_flags.setAntiAlias(true); |
| 280 slider_flags.setColor(current_thumb_color); |
| 281 canvas->DrawRoundRect( |
| 282 gfx::Rect(content.x(), y, full + extra_padding, kLineThickness), |
| 283 kSliderRoundedRadius, slider_flags); |
| 284 slider_flags.setColor(kDisabledColor); |
| 285 canvas->DrawRoundRect(gfx::Rect(x + kThumbRadius - extra_padding, y, |
| 286 empty + extra_padding, kLineThickness), |
| 287 kSliderRoundedRadius, slider_flags); |
| 288 |
| 289 gfx::Point thumb_center(x, content.height() / 2); |
| 290 |
| 291 // Paint the thumb highlight if it exists. |
| 292 const int thumb_highlight_radius = |
| 293 HasFocus() ? kThumbHighlightRadius : thumb_highlight_radius_; |
| 294 if (is_active_ && thumb_highlight_radius > kThumbRadius) { |
| 295 cc::PaintFlags highlight; |
| 296 SkColor kHighlightColor = SkColorSetA(kActiveColor, kHighlightColorAlpha); |
| 297 highlight.setColor(kHighlightColor); |
| 298 highlight.setFlags(cc::PaintFlags::kAntiAlias_Flag); |
| 299 canvas->DrawCircle(thumb_center, thumb_highlight_radius, highlight); |
| 300 } |
| 301 |
| 302 // Paint the thumb of the slider. |
| 303 cc::PaintFlags flags; |
| 304 flags.setColor(current_thumb_color); |
| 305 flags.setFlags(cc::PaintFlags::kAntiAlias_Flag); |
| 306 |
| 307 if (!is_active_) { |
| 308 flags.setStrokeWidth(kThumbStroke); |
| 309 flags.setStyle(cc::PaintFlags::kStroke_Style); |
| 310 } |
| 311 canvas->DrawCircle( |
| 312 thumb_center, |
| 313 is_active_ ? kThumbRadius : (kThumbRadius - kThumbStroke / 2), flags); |
| 314 |
| 315 OnPaintFocus(canvas); |
| 316 } |
| 317 |
241 void Slider::OnFocus() { | 318 void Slider::OnFocus() { |
242 View::OnFocus(); | 319 View::OnFocus(); |
243 SchedulePaint(); | 320 SchedulePaint(); |
244 } | 321 } |
245 | 322 |
246 void Slider::OnBlur() { | 323 void Slider::OnBlur() { |
247 View::OnBlur(); | 324 View::OnBlur(); |
248 SchedulePaint(); | 325 SchedulePaint(); |
249 } | 326 } |
250 | 327 |
(...skipping 15 matching lines...) Expand all Loading... |
266 event->SetHandled(); | 343 event->SetHandled(); |
267 if (event->details().touch_points() <= 1) | 344 if (event->details().touch_points() <= 1) |
268 OnSliderDragEnded(); | 345 OnSliderDragEnded(); |
269 break; | 346 break; |
270 default: | 347 default: |
271 break; | 348 break; |
272 } | 349 } |
273 } | 350 } |
274 | 351 |
275 } // namespace views | 352 } // namespace views |
OLD | NEW |