Xamarin Forms carousel with menu/tabs - c#

I want do create something like TabbedPage but as a View with scrollable "menu" ( I will have about 8 tabs). How can I achive this? I was thinking about doing CarouselView and somehow to make a tabbed header, but I dont know how to make it good. Or maybe there is a plugin for TabbedView ( I spent few hours and I didn't find anything). Thanks in advance.

James Montemagno made a a brilliant blog on how to implement this a couple of years ago.
That sorts out the Carousel View. Now to write the tabbed header I wrote 1 of these a couple of years back. What you need to do is make a stacklayout with orientation horizontal, make the width bigger than the screen width and then every new page you visit you can translate the top bars x coordinates to the left or right. and change the image in the bar so that it looks highlighted.
Have a real play with this, see if you can make the transitions between pages smooth and the translation look sleek. I managed to do it so Im sure you will be fine.
I would provide code but unfortunately it was for a client and I cannot share his intellectual property.

Xamarin.Forms does not provide a TabView control but only a TabbedPage which seems to be no good in your case. There are commercial third party libraries that offer such a control out of the box (e.g. from SyncFusion). I looked quite a long time into this issue. Finally, I went for creating my own implementation which is based on a data bindable StackLayout with a horizontal line of buttons. Only the ContentView that is associated with the selected button is shown all other ones are hidden.

Check out this link on the old Xamarin forums here
I think this is exactly what you're looking for here. I had do a few things to get the sample to run like upgrade the version of Xamarin.Forms, then delete the nuget package for carousel view prerelease since its since rolled in with Xamarin.Forms.

Related

Identifying this control for Xamarin.Forms?

This is the first Xamarin.Forms app I try to create, so please bear with me.
I'm learning about Xamarin.Forms, and I'm creating my first app (with a map) that will run in the android emulator. I've already added the map, so life is good.
I also understand that, unlike asp.net webforms or Windows forms, I cannot drag & drop controls to the form. I also don't know what the available controls for each platform look like.
With that said, I would like to add the following control to my app. I have no idea how it's called, but it's sort of a panel on the bottom half of the screen. This panel will include a list (much like a gridview).
I saw this Xamarin page with a list of standard controls, but I don't know how to identify them. Even worse, I don't know what to search for in the web.
I would like to know where I can find information on adding that control to a form and populating it with data (like an asp.net gridview)
Something like that is usually rendered using an ActionSheet
Unfortunately there isn't such a control. On iOS it is done by partially covering the screen while presenting the TableViewController. You can't do something like that on Xamarin.Forms. You can do that only on native projects.
There might be some plugins that may do some of that work for you but I don't think any of them fits your request, but you can try how far you can get with this one: https://github.com/rotorgames/Rg.Plugins.Popup
Please note that Xamarin.Forms don't cover all native controls and especially not all properties of those controls. And while you may extend their reach in various ways if you are after copying everything you see in some app it is better to think of some other technology.
Also of note, Android doesn't support everything that iOS supports, so if you see something on iOS screen (like above) it may not be supported on Android, no matter what technology you use you will have to build a very custom solution, which probably isn't part of your first app.

Can a live tile style be created in WPF?

I'm exploring MahApps framework and I want to implement a live tile style.
My question is:
Is it possible to create a live tile style, where the tile's content (predefined images, texts; not content added dynamically) should change periodically and with an animation (MahApps transition)? If so, how can it be done?
I think this behavior could be achieved in code, but I'm wondering if it can be done only in xaml, in a style. Thank you!
Yes. It is possible, but it's a hell of a work. I've done it onces before a couple of years ago. I've used this as my guide for it: http://www.sourceblog.mc-auto.info/post/2011/11/23/Live-Icons-in-WPF.aspx
Another take on it would be to get the WP7 silverlight toolkit http://phone.codeplex.com/ and take a look at the HubTile and convert it to your needs.

Adaptive Layout of Master/Detail View in Windows 10 UWP

I looked around for several days now to find an example on how to create a master/detail view for a Windows 10 UWP app which targets a Windows tablet as well as a Windows phone. The current view already contains a SplitView, which displays the menu on the left hand side. I would like to show the master/detail in the detail view of that SplitView so that on the left hand side there is a ListView/ListBox with all selectable items and a detail view with the details of the currently selected item.
Is there a best practice? I'm using Caliburn Micro for my MVVM pattern.
Template 10 is a complete package but its done almost entirely with the built-ins that Jerry and Co. have come up with over the last few months putting it together. They do have an example of MVVMLight usage with T10. But I understand the draw of using CM.
CM is just now getting to the point where Master/Detail with UWP/ SplitView is possible with some of the bugs that came up during the release to 3.0.x sooner or later.
There are some gotchas just keep an eye on the examples. I will probably be posting a PR for a Master/Detail shortly but I have a project to complete first.
CM with Template 10, there is a huge amount of overlap that would need to be combed over before the would work nicely between each other. Would nice to see it; unfortunately it would be a massive undertaking to get the overlap gap closed.

What WPF control to use for a series of images (like Netflix, Hulu, etc..)?

New to .Net and Visual Studio. Quickly learning. As my first application, I am building a program similar to Netflix and Hulu (without the streaming part). Coming from a web background, I'd use tables and divs to accomplish what I am trying to do.
What component would I use to create a series of thumbnails (as you would find on Netflix) of the movie / TV show. Provided an image below as an example.
It would continue on with horizontal scroll. I understand this would be non trivial and I'm not expecting a direct answer. However, I am resourceful person and only would need to be pointed in the right direction.
Thank you.
You should use an ItemsControl variant which could be ListView with ScrollViewer.
Or, a WrapPanel with ScrollViewer.
Or, a UniformGrid.
Apply scrolling support using Animation.

Image gallery swipe UI in MonoTouch

I am looking to create a UI experience almost identical to swiping through images in the Camera Roll on the iPhone. I have 5 images that I simply want to be able to swipe through. This view will be the first view of a Tab Bar Controller that I have in place. This is my first iPhone (iOS) app attempt so if anyone feels this question needs to be broken down into smaller chunks, please let me know.
Here's an example of the paging control for MonoTouch I developed some time ago: https://github.com/escoz/monotouch-controls
Take a look at the PagedViewController. That code is actually used in my app, Quicklytics.
Use Pagecontroller.
In this example they have add label, instead of that you add your imageView.
EDIT:
For Monotouch.
The Photos module of Nimbus is exactly what you are looking for.
http://docs.nimbuskit.info/NimbusPhotos.html
The MonoTouch bindings can be found here.
https://github.com/theonlylawislove/MonoTouch.Nimbus

Categories