Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here is an example where I created a wrapper control called AnimatableScrollViewer, which holds a usual ScrollViewer and a TextBlock.</p> <pre><code>&lt;UserControl&gt; &lt;Grid x:Name="LayoutRoot" Background="Transparent"&gt; &lt;ScrollViewer x:Name="scrollViewer" Width="{Binding ActualWidth, ElementName=userControl, Mode=OneWay}" Height="{Binding ActualHeight, ElementName=userControl, Mode=OneWay}"&gt; &lt;TextBlock TextWrapping="Wrap" Text="Add some pretty long text here..."/&gt; &lt;/ScrollViewer&gt; &lt;/Grid&gt; &lt;/UserControl&gt; </code></pre> <p>In the code-behind, I added a DependencyProperty (which we can animate from outside) that calls the ScrollToVerticalOffset() method of our ScrollViewer at every change.</p> <pre><code>public partial class AnimatableScrollViewer : UserControl { public static readonly DependencyProperty AnimatablOffsetProperty = DependencyProperty.Register("AnimatableOffset", typeof(double), typeof(AnimatableScrollViewer), new PropertyMetadata(AnimatableOffsetPropertyChanged)); public double AnimatableOffset { get { return (double)this.GetValue(AnimatablOffsetProperty); } set { this.SetValue(AnimatablOffsetProperty, value); } } public AnimatableScrollViewer() { InitializeComponent(); AnimatableOffset = scrollViewer.VerticalOffset; } private static void AnimatableOffsetPropertyChanged(object sender, DependencyPropertyChangedEventArgs args) { AnimatableScrollViewer cThis = sender as AnimatableScrollViewer; cThis.scrollViewer.ScrollToVerticalOffset((double)args.NewValue); } } </code></pre> <p>Now you can add the AnimatableScrollViewer to a PhonePage and animate it. For example in a button eventhandler like this one:</p> <pre><code>private void cmdScroll_Click(object sender, RoutedEventArgs e) { // Calculate target offset double targetOffset = 1000; // Create animation and storyboard DoubleAnimation animation = new DoubleAnimation(); animation.EasingFunction = new CircleEase(); animation.Duration = new Duration(new TimeSpan(0, 0, 2)); animation.From = animatableScrollViewer.AnimatableOffset; animation.To = targetOffset; Storyboard.SetTarget(animation, animatableScrollViewer); Storyboard.SetTargetProperty(animation, new PropertyPath("(AnimatableScrollViewer.AnimatableOffset)")); Storyboard storyboard = new Storyboard(); storyboard.Children.Add(animation); storyboard.Begin(); } </code></pre> <p>Of course you can also create the animation in your xaml code which would make it look a litte cleaner. Right now, the content of the ScrollViewer is fixed... you can make it changeable by adding more dependency properties to the wrapper class.</p> <p>I don't know if this is the best solution, in fact it looks quite ugly to me but it should give you an idea of how it can be done.</p>
    singulars
    1. This table or related slice is empty.
    1. POscroll viewer text block scrolling in WP7
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USPatrick Schmidt
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POscroll viewer text block scrolling in WP7
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI created a new WP7 project. Added AnimatableScrollViewer.xaml & .xaml.cs to the project. I tried to use the code in cmdScroll_Click function . But I m not getting the animation started. I guess I need to use this control inside my MainPage.xaml. Please let me know whether I need to include this user control in my application mainpage xaml.
      singulars
      1. PO
      1. USMugu
    2. COSorry I managed to figure it out. Thanks anyway for your help . Just one more help required. Incase I want to make the animation slower what modifications should be done to the code ?
      singulars
      1. PO
      1. USMugu
    3. COIn the click handler there is a line `animation.Duration = new Duration(new TimeSpan(0, 0, 2));` Here you can modify the total time your animation takes. The 2 means 2 seconds
      singulars
      1. PO
      1. USPatrick Schmidt
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload