Implementing a smoothly animated ListBox

Fredrik Bornander

Rate me:

4.94/5 (56 votes)

12 Jun 2008CPOL12 min read

406.7K

5.7K

156

An article on creating an iPhone style ListBox.

smooth_listbox_with_keys.zip
- Smooth ListBox with Keys
  - Extended ListItems
    - Album.cs
    - Album.designer.cs
    - Album.resx
    - Extended ListItems.csproj
    - Extended ListItems.csproj.user
    - FormulaOneTeam.cs
    - FormulaOneTeam.designer.cs
    - FormulaOneTeam.resx
    - Properties
  - Smooth ListBox Test
    - ApplicationForm.cs
    - ApplicationForm.designer.cs
    - ApplicationForm.resx
    - BigPanel.cs
    - BigPanel.designer.cs
    - BigPanel.resx
    - MenuScreen.cs
    - MenuScreen.designer.cs
    - MenuScreen.resx
    - Program.cs
    - Properties
    - Resources
      - ACamp.jpg
      - Alonso.jpg
      - BackInBlack.jpg
      - Barichello.jpg
      - BMW.jpg
      - Burdais.jpg
      - Button.jpg
      - Coultard.jpg
      - Davidson.jpg
      - Ferrari.jpg
      - Fisichella.jpg
      - ForceIndia.jpg
      - ForThoseAboutToRock.jpg
      - Glock.jpg
      - Hamilton.jpg
      - Heidfeld.jpg
      - Honda.jpg
      - Kovalainen.jpg
      - Kubica.jpg
      - Massa.jpg
      - McLaren.jpg
      - MyFavouriteGame.jpg
      - Nakajima.jpg
      - Nevermind.jpg
      - PaulSimon.jpg
      - PinkFloyd.jpg
      - Piquet.jpg
      - Raikkonen.jpg
      - RedBull.jpg
      - Renault.jpg
      - Robyn.jpg
      - Robyn2.jpg
      - Rosberg.jpg
      - Sato.jpg
      - SuperAguri.jpg
      - SuperExtraGravity.jpg
      - Sutil.jpg
      - TheGraduate.jpg
      - ToroRosso.jpg
      - Toyota.jpg
      - Trulli.jpg
      - U218.jpg
      - U2Peace.jpg
      - Vettel.jpg
      - Webber.jpg
      - WednesdayMorning3am.jpg
      - Williams.jpg
    - Smooth ListBox Test.csproj
    - Smooth ListBox Test.csproj.user
  - Smooth ListBox with Keys.sln
  - Smooth ListBox
    - IExtendedListItem.cs
    - Properties
    - Smooth ListBox.csproj
    - Smooth ListBox.csproj.user
    - SmoothListbox.cs
    - SmoothListbox.designer.cs
    - Utils.cs
smoothlistbox.zip
- Smooth ListBox
  - Extended ListItems
    - Album.cs
    - Album.designer.cs
    - Album.resx
    - Extended ListItems.csproj
    - Extended ListItems.csproj.user
    - FormulaOneTeam.cs
    - FormulaOneTeam.designer.cs
    - FormulaOneTeam.resx
    - Properties
      - AssemblyInfo.cs
  - Smooth ListBox (Test)
    - ApplicationForm.cs
    - ApplicationForm.Designer.cs
    - ApplicationForm.resx
    - BigPanel.cs
    - BigPanel.Designer.cs
    - BigPanel.resx
    - MenuScreen.cs
    - MenuScreen.Designer.cs
    - MenuScreen.resx
    - Program.cs
    - Properties
    - Resources
      - ACamp.jpg
      - Alonso.jpg
      - BackInBlack.jpg
      - Barichello.jpg
      - BMW.jpg
      - Burdais.jpg
      - Button.jpg
      - Coultard.jpg
      - Davidson.jpg
      - Ferrari.jpg
      - Fisichella.jpg
      - ForceIndia.jpg
      - ForThoseAboutToRock.jpg
      - Glock.jpg
      - Hamilton.jpg
      - Heidfeld.jpg
      - Honda.jpg
      - Kovalainen.jpg
      - Kubica.jpg
      - Massa.jpg
      - McLaren.jpg
      - MyFavouriteGame.jpg
      - Nakajima.jpg
      - Nevermind.jpg
      - PaulSimon.jpg
      - PinkFloyd.jpg
      - Piquet.jpg
      - Raikkonen.jpg
      - RedBull.jpg
      - Renault.jpg
      - Robyn.jpg
      - Robyn2.jpg
      - Rosberg.jpg
      - Sato.jpg
      - SuperAguri.jpg
      - SuperExtraGravity.jpg
      - Sutil.jpg
      - TheGraduate.jpg
      - ToroRosso.jpg
      - Toyota.jpg
      - Trulli.jpg
      - U218.jpg
      - U2Peace.jpg
      - Vettel.jpg
      - Webber.jpg
      - WednesdayMorning3am.jpg
      - Williams.jpg
    - Smooth ListBox (Test).csproj
    - Smooth ListBox (Test).csproj.user
  - Smooth ListBox.sln
  - Smooth ListBox
    - IExtendedListItem.cs
    - Properties
      - AssemblyInfo.cs
    - Smooth ListBox.csproj
    - Smooth ListBox.csproj.user
    - SmoothListbox.cs
    - SmoothListbox.designer.cs
    - Utils.cs


Microsoft Visual Studio Solution File, Format Version 10.00
# Visual Studio 2008
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Smooth ListBox", "Smooth ListBox\Smooth ListBox.csproj", "{4C918007-827E-43B4-916A-9EF47BC7BEA0}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Smooth ListBox (Test)", "Smooth ListBox (Test)\Smooth ListBox (Test).csproj", "{E8B5A995-4F26-4F32-A86C-ABE28DF297D3}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Extended ListItems", "Extended ListItems\Extended ListItems.csproj", "{EE6A7C33-3E63-4A01-8969-F5015F633B97}"
EndProject
Global
	GlobalSection(SolutionConfigurationPlatforms) = preSolution
		Debug|Any CPU = Debug|Any CPU
		Release|Any CPU = Release|Any CPU
	EndGlobalSection
	GlobalSection(ProjectConfigurationPlatforms) = postSolution
		{4C918007-827E-43B4-916A-9EF47BC7BEA0}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
		{4C918007-827E-43B4-916A-9EF47BC7BEA0}.Debug|Any CPU.Build.0 = Debug|Any CPU
		{4C918007-827E-43B4-916A-9EF47BC7BEA0}.Release|Any CPU.ActiveCfg = Release|Any CPU
		{4C918007-827E-43B4-916A-9EF47BC7BEA0}.Release|Any CPU.Build.0 = Release|Any CPU
		{E8B5A995-4F26-4F32-A86C-ABE28DF297D3}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
		{E8B5A995-4F26-4F32-A86C-ABE28DF297D3}.Debug|Any CPU.Build.0 = Debug|Any CPU
		{E8B5A995-4F26-4F32-A86C-ABE28DF297D3}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
		{E8B5A995-4F26-4F32-A86C-ABE28DF297D3}.Release|Any CPU.ActiveCfg = Release|Any CPU
		{E8B5A995-4F26-4F32-A86C-ABE28DF297D3}.Release|Any CPU.Build.0 = Release|Any CPU
		{E8B5A995-4F26-4F32-A86C-ABE28DF297D3}.Release|Any CPU.Deploy.0 = Release|Any CPU
		{EE6A7C33-3E63-4A01-8969-F5015F633B97}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
		{EE6A7C33-3E63-4A01-8969-F5015F633B97}.Debug|Any CPU.Build.0 = Debug|Any CPU
		{EE6A7C33-3E63-4A01-8969-F5015F633B97}.Release|Any CPU.ActiveCfg = Release|Any CPU
		{EE6A7C33-3E63-4A01-8969-F5015F633B97}.Release|Any CPU.Build.0 = Release|Any CPU
	EndGlobalSection
	GlobalSection(SolutionProperties) = preSolution
		HideSolutionNode = FALSE
	EndGlobalSection
EndGlobal

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

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

Written By

Fredrik Bornander

Software Developer (Senior)

Sweden

Article videos
Oakmead Apps Android Games

21 Feb 2014: Best VB.NET Article of January 2014 - Second Prize
18 Oct 2013: Best VB.NET article of September 2013
23 Jun 2012: Best C++ article of May 2012
20 Apr 2012: Best VB.NET article of March 2012
22 Feb 2010: Best overall article of January 2010
22 Feb 2010: Best C# article of January 2010

Implementing a smoothly animated ListBox

License

Comments and Discussions