I am trying to figure out how to create my own breadcrum menu in Xamarin using MvvmCross in an Android project. I am fairly new to Xamarin so I am not sure how to accomplish this just yet. Is it possible to include two ViewModels in the same MvxActivity and have them communicate. Is this the best way to approach this? If so how would this sample look like? How is the presentation done and the sliding animation?
Any help on this would be much appreciated. I have looked at some sample projects but they aren't making much sense especially since they are not Android based.
Thanks
There is a good MvvmCross Sidemenu example available here: https://github.com/MvvmCross/MvvmCross-AndroidSupport/tree/master/Samples
You can find all elements you require such as presentation and sliding animation there.
Related
I am hoping to do something like the image above, using MvvmCross, Xamarin Forms and Native Views. The image is for demonstration purpose, the actual UIs are more complicated. I have looked into the MvvmCross Playground project, as well as the source codes for the presenters (i.e. MvxForms[Ios||Android]ViewPresenter and MvxFormsPagePresenter). I created a custom presenter from the MvxForms[Ios||Android]ViewPresenter and tried to show the native view (view controller/fragment) as a navigation page, but I was not successful. Any help or suggestion will be greatly appreciated.
Apologize in advance if this question is a duplicate. I did a fair amount of searching, but could not find exactly what I was looking for.
Thanks in advance!!!
Is there any way I can implement the animation like
https://codemyui.com/circular-water-fill-loading-animation/ in Xamarin.forms?
Is there any way I can implement the animation like ...
The short answer is; Yes.
The longer answer; It depends upon what you really need, only you can answer that.
A "quick way" (at least for me) is to use the Xamarin.Forms' WebView and embed the html/svg/css/JScript into native application projects and setup a javascript interface to control the percentage completion (the water.style.transform element).
https://developer.xamarin.com/samples/xamarin-forms/WorkingWithWebview/
You could, of course, re-implement it using something like SkiaSharp, Lottie, etc and create a cross-platform Forms' control, or implement it as a "native" control on each platform.
Note: I'm a big fan of Lottie and would personally take that approach, but they do not support native UWP. Currently supported is iOS, Android, Web.
I edited the colors, etc. on that PEN sample you linked to and added the html/js/css to a Forms' solution, setup a JS interface and the results work in a Forms' WebView (iOS' UIWebView and Android's WebView, did not test UWP Edge, but it should work fine):
The Lottie is my preferred, but you can use a animation with the Nuget XamAnimation. It most hard to create but it's so good too.
Is it possible to mix iOS Storyboards and Xamarin Forms within one application? I have a bunch of views that are easier to be created in Forms, but some which are heavily customized so we would need to create some of them in native code.
I would like to use Storyboards to create the native parts, but can't seem to find a way to navigate from a Forms page to a Storyboard and vice versa.
I don't mind doing it from code, just need to know the direction to look into and if it's even possible.
You can create native views using the concept of Custom Renderers (see links below). The idea is that you create a Xamarin Forms Control that's shared between all platforms and which old common properties (like colors, general data etc), and do the native rendering on the iOS/Android/WP projects.
So, for your storyboard, you can create it usign Xamarin.iOS, and render using a Custom Renderer. The link posted by #GSerg in the comments have some information and examples, but you can take a closer look at the oficial documentation as well:
Introduction to Custom Renderers
Customizing Controls on Each Platform
Customizing Control Rendering in Xamarin.Forms (video)
Also, for more real world examples you can take a look at the Xamarin Forms XLabs project.
Thanks to Rafael Steil's answer. I looked at the links and a few more samples.
Notably:
Custom Renderer Map
Using Xamarin Forms alongside Storyboard
And I created a sample project to show the back-and-forth navigation between Xamarin Forms and pages created in Storyboards. You can find it over here:
Xamarin Forms Mixed with Native
I am working on a Xamarin.Forms App in which I need to display the current camera stream in order to shoot a photo from inside the app. Has anyone an advice on how to implement that? Is that easily possible?
Thanks!
Edit:
I found an awesome sample project from Xamarin doing exactly what I need :)
https://xamarin.com/prebuilt/moments
It depends on how much integration you need. You can start with something simple like: https://github.com/jamesmontemagno/Xamarin.Plugins/tree/master/Media
If that doesn't do what you need, you will need to create a custom renderer on each platform. It isn't too difficult but its more work.
I want to learn designing android UI and implementation to android apps. I found one video tutorial on the web but It seems only how to design. I don't know how to use it on apps.
Video Tutorial
How can I use custom UI design on my android app ? I'm using fireworks for design. For example, simple design:
How can I use this on my app ? (I know it looks terrible but I just want to learn how to do it.)
Simply creating a UI in fireworks won't be enough. You'll need to split it into multiple components, and the construct it within your app using XML or Java.
The Android developer site has a good set of documentation and guides on doing this.
Searching on Google will also give you lots of tutorials for the different UI elements and how to style them.
Your layout will require a tabbed Activity (or an ActionBar with tabs), a TextView and a Switch, from what I can see.