How do I Scroll from one panel to the next smoothly?

Question

5.00/5 (2 votes)

See more:

I have five panels, panel1 is at location(0, 0), panel2 is at location(816, 0)off the screen, panel3 is at location(1632, 0)off the screen, and so on. I would like to know how to scroll from right to left and left to right displaying the contents of each panel and the panel. If I scroll from panel1 to panel2, I have a choice to scroll back to panel1 or scroll to panel3. The scrolling effect that I am trying to get is similar to CloneDVD2.

Posted 5-Apr-11 6:44am

rspercy65

Add a Solution

Comments

Fredrik Bornander 5-Apr-11 16:16pm

Is this using winforms or WPF?

rspercy65 5-Apr-11 18:32pm

WinForms

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Fredrik Bornander · Accepted Answer · 2011-04-05T22:09:00

There's many ways of achieving this type of animation, below is a fairly naive solution that should work in most cases (this example assumes there's a form with two buttons, prev and next, and it will populate it with animated panels in the Load event) :

VB

Public Class Form1
    Private panels As IList(Of Panel) = New List(Of Panel)
    Private currentIndex As Integer = 0
    Private WithEvents animationTimer As Timer = New Timer()  
    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        panels.Add(New Panel With {.BackColor = Color.Red, .Location = New Point(0, 0), .Size = New Size(200, 200)})
        panels.Add(New Panel With {.BackColor = Color.Green, .Location = New Point(200, 0), .Size = New Size(200, 200)})
        panels.Add(New Panel With {.BackColor = Color.Blue, .Location = New Point(400, 0), .Size = New Size(200, 200)})
        panels.Add(New Panel With {.BackColor = Color.Yellow, .Location = New Point(600, 0), .Size = New Size(200, 200)})
        For Each panel As Panel In panels
            Controls.Add(panel)
        Next
        animationTimer.Interval = 50
        animationTimer.Start()
    End Sub
    Private Sub AnimationTimerTick(ByVal sender As Object, ByVal e As EventArgs) Handles animationTimer.Tick
        If panels(currentIndex).Location.X <> 0 Then
            Dim delta As Integer = panels(currentIndex).Location.X / 4.0
            For Each panel As Panel In panels
                panel.Location = New Point(panel.Location.X - delta, panel.Location.Y)
            Next
        End If
    End Sub
    Private Sub PreviousButton_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles PreviousButton.Click
        currentIndex = Math.Max(0, currentIndex - 1)
    End Sub
    Private Sub NextButton_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles NextButton.Click
        currentIndex = Math.Min(panels.Count - 1, currentIndex + 1)
    End Sub
End Class

Hope this helps,
Fredrik Bornander