Overscroll and Elasticity for views::ScrollView

ui/views/examples/scroll_view_example.cc

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #include "ui/views/examples/scroll_view_example.h"
 
 #include "base/macros.h"
 #include "base/strings/stringprintf.h"
 #include "base/strings/utf_string_conversions.h"
 #include "ui/views/background.h"
@@ skipping 46 matching lines @@
 
 ScrollViewExample::~ScrollViewExample() {
 }
 
 void ScrollViewExample::CreateExampleView(View* container) {
   wide_ = new LabelButton(this, ASCIIToUTF16("Wide"));
   tall_ = new LabelButton(this, ASCIIToUTF16("Tall"));
   big_square_ = new LabelButton(this, ASCIIToUTF16("Big Square"));
   small_square_ = new LabelButton(this, ASCIIToUTF16("Small Square"));
   scroll_to_ = new LabelButton(this, ASCIIToUTF16("Scroll to"));
-  scrollable_ = new ScrollableView();
+  nested_ = new LabelButton(this, ASCIIToUTF16("Nested"));
   scroll_view_ = new ScrollView();
+  CreateScrollable();
   scroll_view_->SetContents(scrollable_);
-  scrollable_->SetBounds(0, 0, 1000, 100);
-  scrollable_->SetColor(SK_ColorYELLOW, SK_ColorCYAN);
+  nested_scrolls_ = nullptr;
 
   GridLayout* layout = new GridLayout(container);
   container->SetLayoutManager(layout);
 
   // Add scroll view.
   ColumnSet* column_set = layout->AddColumnSet(0);
   column_set->AddColumn(GridLayout::FILL, GridLayout::FILL, 1,
                         GridLayout::USE_PREF, 0, 0);
   layout->StartRow(1, 0);
   layout->AddView(scroll_view_);
 
   // Add control buttons.
   column_set = layout->AddColumnSet(1);
-  for (int i = 0; i < 5; i++) {
+  for (int i = 0; i < 6; i++) {
     column_set->AddColumn(GridLayout::FILL, GridLayout::FILL, 1,
                           GridLayout::USE_PREF, 0, 0);
   }
   layout->StartRow(0, 1);
   layout->AddView(wide_);
   layout->AddView(tall_);
   layout->AddView(big_square_);
   layout->AddView(small_square_);
   layout->AddView(scroll_to_);
+  layout->AddView(nested_);
+}
+
+void ScrollViewExample::CreateScrollable() {
+  scrollable_ = new ScrollableView();
+  scrollable_->SetBounds(0, 0, 1000, 100);
+  scrollable_->SetColor(SK_ColorYELLOW, SK_ColorCYAN);
+}
+
+void ScrollViewExample::CreateNestedScrolls() {
+  const int kNestedHeight = 500;
+  nested_scrolls_ = new View();
+  nested_scrolls_->SetBounds(0, 0, 1000, kNestedHeight);
+  // Add two scroll views.
+  ScrollView* left = new ScrollView();
+  ScrollView* right = new ScrollView();
+  left->SetBounds(0, 0, 500, kNestedHeight);
+  right->SetBounds(500, 0, 500, kNestedHeight);
+
+  // The left scrollable is tall. Scrolling vertically inside it should scroll
+  // the inner ScrollView first, then the outer ScrollView when reaching the
+  // bounds. Scrolling horizontally should affect the outer scroll view, but
+  // elasticity should affect only the inner ScrollView (both directions).
+  CreateScrollable();
+  scrollable_->SetBounds(0, 0, 400, 1000);
+  left->SetContents(scrollable_);
+
+  // The right scrollable is too small to scroll. The outer scroll view should
+  // always scroll, and it should get all the elasticity.
+  CreateScrollable();
+  scrollable_->SetBounds(0, 0, 100, 100);
+  right->SetContents(scrollable_);
+
+  nested_scrolls_->AddChildView(left);
+  nested_scrolls_->AddChildView(right);
 }
 
 void ScrollViewExample::ButtonPressed(Button* sender, const ui::Event& event) {
+  if (nested_scrolls_ && sender != nested_) {
+    CreateScrollable();
+    scroll_view_->SetContents(scrollable_);
+    nested_scrolls_ = nullptr;
+  }
+
   if (sender == wide_) {
     scrollable_->SetBounds(0, 0, 1000, 100);
     scrollable_->SetColor(SK_ColorYELLOW, SK_ColorCYAN);
   } else if (sender == tall_) {
     scrollable_->SetBounds(0, 0, 100, 1000);
     scrollable_->SetColor(SK_ColorRED, SK_ColorCYAN);
   } else if (sender == big_square_) {
     scrollable_->SetBounds(0, 0, 1000, 1000);
     scrollable_->SetColor(SK_ColorRED, SK_ColorGREEN);
   } else if (sender == small_square_) {
     scrollable_->SetBounds(0, 0, 100, 100);
     scrollable_->SetColor(SK_ColorYELLOW, SK_ColorGREEN);
   } else if (sender == scroll_to_) {
     scroll_view_->contents()->ScrollRectToVisible(
         gfx::Rect(20, 500, 1000, 500));
+  } else if (sender == nested_) {
+    if (!nested_scrolls_)
+      CreateNestedScrolls();
+    scroll_view_->SetContents(nested_scrolls_);
   }
   scroll_view_->Layout();
 }
 
 }  // namespace examples
 }  // namespace views