In the past few days I got to know the glidex.forms and how it would be better for loading images in android. After some research I've found the official Nuke page where they teach how to install Nuke(for iOs) and Glidex. I thought they would recognize any image view(like ffimageloading cacheadImage), since nuke is from same author of ffimageloading, but now the application runs without images appearing, no error is displayed.
I noticed that FFImageLoading nuget packages has disappeared but I didn't unistall it. The strange is that my xaml project uses <ffimageloading:cachedimage> tags and it's compiling fine, even without ffimageloading package. I'm concerned about having to move all tags to <Image> to having everything working properly again, it would be a hard work. So I'm a little bit lost here and have a few questions:
Does FFImageLoading CachedImage supposed to work with glidex/nuke automatically or I have to change all tags in .xaml code to <Image>?
I really like FFImageLoading since it has some nice features like PlaceHolders, can I have ffimageloading working together nuke and glidex?
Related
Updated - This issue only happens on UWP - Works fine on Android haven't tested it on IOS. I would assume it would work just as fine. The issue is with Xamarin.Community.Toolkit not working with UWP
I've just started learning Xamarin for App development. I'm mostly running UWP for testing as emulators slow down my machine. After researching the best tool to play videos using Xamarin I found the Xamarin Community Toolkit. Followed the basic steps required to get MediaElement on screen and added basic properties to it.
I got the Xamarin tutorial basic video used in a tutorial inside the source. I know it works because you can copy the link and paste it into a browser and you'll get it playing.
After messing around with different versions I can't get this to work. No controls want to show up either nor the video itself. I have run out of ideas please someone HELP.
Running a blank template for this practice Hello World Project.
Using all of the latest versions possible. Project was created 20/09/2022 So I would assume everything latest version.
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
x:Class="HelloWorldXamarin.MainPage"
Title="This is a Hello World Practice Project">
<xct:MediaElement Source="https://sec.ch9.ms/ch9/5d93/a1eab4bf-3288-4faf-81c4-294402a85d93/XamarinShow_mid.mp4"
BackgroundColor="LightBlue"
HeightRequest="300"
VerticalOptions="FillAndExpand"
ShowsPlaybackControls="True"
AutoPlay="True"/>
This is what I get on my screen.
Unfortunately, the situation you describe is actually a bug for UWP, and you can check this link.
By the way, I test the code you provided. But It doesn't matter which version I change Xamarin Community Toolkit to.
I'm a UI designer working with a junior app developer.
We are working on an app I gave him the assets and there sizes using Zeplin app, he showed me the app and it was different than was design telling me that Xamarin doesn't use pixels or dpi but using a number without any measurement.
Is there any way to help him as a designer or something he can use to make the program use pixels or dpi.
#Muslem Mohammed
I think as you are an UI Designer, you are aware that how to provide assets for native app development if not please check for below process.
You can provide Android Assets in the form of Mdpi drawable, hdpi, xhdpi, xxhdpi.
And for iOS 1x, 2x and 3x same like native app assets.
And the developer place all those images into respective folder with respect to the platform.
Example: For Android you will be providing 5 kinds of images with same name respect to the folder I mentioned above.
sample.png for respective folders with the resolution, developer place those images into Android specific project.
Then developer place all images under resources and keep in respective folders.
For iOS also provide the images with same name and by applying 1x,2x,3x with sample below,
sample.png, sample#2x.png and sample#3x.png.
Then developer go to iOS project and place all ios images into Resources folder.
And finally developer will place the image control like below,
<Image source="sample.png" />
And this will show up the image in iOS and Android as well.
I am looking to pinch/zoom images in an Ionic PWA. I can build PWA’s which work for zooming (the whole window zooms) when opened in a browser, but as soon as I save to Standalone mode this becomes disabled I assume this is due to the metadata provided when creating standalone mode.
I’ve tried the ionic-img-viewer plug-in and it doesn’t help.
I don’t know where else to go with this.
Thanks for any pointers
Shane
We've begun evaluating Xamarin for a up and coming project involving both iOS and Android, with the overriding intention to produce a single UI layer (and some share code, obviously) (I'm also new to C#)
TL;DR
I've begun exploring Xamarin on iOS. I started with the Phoneword example and it worked well enough.
The first issue I found was running the code on the iPhone X, which I was able to solve by using MainPage.On<Xamarin.Forms.PlatformConfiguration.iOS>().SetUseSafeArea(true); in the platform App class
While testing this, I noticed some issues with the ListView not scrolling properly (the core issue was actually with the platform padding).
I then used (MainPage as Xamarin.Forms.NavigationPage).On<iOS>().EnableTranslucentNavigationBar(); to enable translucent navigation bars (as we're targeting iOS 11+) and now everything appears under the navigation bar.
This is easily fixed in xCode and after some research I've found that I need to be using UIKit.UIViewController.EdgesForExtendedLayout Property, the immediate problem I'm facing is, the only "snippets" of code I can find are from the View is displayed under status bar in iOS 7 and EdgesForExtendedLayout doesn't help forum post.
Issue at hand...
The example solution snippets posted seem to be making use of a platform (iOS) specific solution. The problem is, I want to keep using the "cross-platform" code in the "platform" project and simply provide some custom configuration for the iOS platform which can apply these states.
I understand it could be possible to use a renderer, but this seems to counter-interactive, as I'd need one for both iOS and Android, where the platform page is doing just fine as it.
I understand that I could setup a DependencyService, but this seems annoying to have to include a specific "configuration" service just to solve this issue for iOS
I was hoping it might be possible to setup a iOS Page which would "override" some of the functionality of the platform page and would allow me to make use of things like viewDidLoad so I can apply the iOS specific configurations on a page by pages bases, so we could keep the platform page as it, but when running under iOS, it would provide me access to iOS life cycle of the actual view...
I've been trying to search the documentation and tutorials and haven't yet come across anything which would seem to do this or something similar (not to say there isn't one, but I'm just not finding it).
I tried coule of plug-in for image carousel for Xamarin.Forms, but they are pretty old and not working fine. Trying the carousel view from Xamarin it's pretty slow and I guess has a limitation on the number of images I can add.
Anybody know how to implement a great carousel for a list of images in Xamarin.Forms ?
Thanks !!
The CarouselView is the way to go. See the link for a tutorial on how to use it.
It has been removed from 2.2.0 due to stability issues and will be temporarily placed in a separate Nuget package of most likely this link: https://www.nuget.org/packages/Xamarin.Forms.CarouselView/ within a few days.
Once it is stable it will be moved back into the main nuget package.