https://github.com/egbakou/timeline

Awesome UI: Timeline with images in Xamarin.Forms.
https://github.com/egbakou/timeline

android cross-platform ios timeline ui vs2019 xamarin-forms

Last synced: 7 months ago
JSON representation

Awesome UI: Timeline with images in Xamarin.Forms.

• Host: GitHub
• URL: https://github.com/egbakou/timeline
• Owner: egbakou
• Created: 2019-04-02T08:26:17.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-05-04T12:31:55.000Z (over 6 years ago)
• Last Synced: 2025-03-21T11:50:33.198Z (8 months ago)
• Topics: android, cross-platform, ios, timeline, ui, vs2019, xamarin-forms
• Language: C#
• Homepage: https://lioncoding.com/2019/04/08/2019-04-08-ui-concevoir-un-timeline-dans-xamarin-forms/
• Size: 8.81 MB
• Stars: 33
• Watchers: 3
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Awesome Timeline in Xamarin.Forms

![](Timeline/screenshots/tweet.png)

### Lioncoding article Link

[Awesome Timeline in Xamarin.Forms](https://lioncoding.com/2019/04/08/2019-04-08-ui-concevoir-un-timeline-dans-xamarin-forms/)

### Create your project(I'm using VS2019)

![](Timeline/screenshots/create_project.PNG)

![](Timeline/screenshots/select_type.PNG)

![](Timeline/screenshots/project_location.PNG)

![](Timeline/screenshots/project_model.PNG)

### Add the following NuGet packages to your solution

- [Xamarin.FFImageLoading.Forms 2.4.4.859](https://www.nuget.org/packages/)

- [Xamarin.FFImageLoading.Transformations 2.4.4.859](https://www.nuget.org/packages/)

- [Xamarin.Forms 3.4.0.1009999](https://www.nuget.org/packages/)

### Initialization

##### Android project

- MainActivity.cs

```csharp

protected override void OnCreate(Bundle savedInstanceState)

{

	TabLayoutResource = Resource.Layout.Tabbar;

	ToolbarResource = Resource.Layout.Toolbar;

	base.OnCreate(savedInstanceState);

    // Init FFImageLoading plugin

	CachedImageRenderer.Init(false);

	global::Xamarin.Forms.Forms.Init(this, savedInstanceState);

	LoadApplication(new App());

}

```

##### IOSproject

- AppDelegate.cs

```csharp

public override bool FinishedLaunching(UIApplication app, NSDictionary options)

{

	// Init FFImageLoading plugin

	FFImageLoading.Forms.Platform.CachedImageRenderer.Init();

    

	global::Xamarin.Forms.Forms.Init();

	LoadApplication(new App());

	return base.FinishedLaunching(app, options);

}

```

### UI

```xaml

    

        

    

    

        

            

                

                    

                        

                            

                        

                    

                

            

        

    

```

### ViewCell Template

```xaml

    

        

        

            

            

            

            

                

                    

                

            

            

            

        

        

        

            

                

                

                    

                

                

                    

                

            

        

    

```