.Net Foundation Xamarin Community Standups, 9 Jan 2020

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Xamarin: .NET Community Standup - January 9th 2020 - Welcome to 2020 and Xamarin.Forms 4.4!

Description

Join the Mobile .NET Teams for our community standup covering great community contributions for Mobile .NET, Xamarin, Xamarin.Forms, Components, and more.

Community Links: https://www.theurlist.com/xamarin-standup-9jan2020

Suggest an idea for a standup: http://aka.ms/dotnet-standup-suggestion.

A

We made it 20/20 I, like Gerald's, a silent cheer of joy, we're all in.

B

Yeah, it was I, wasn't even muted, so we're.

A

All in um we're all in different, unique setups, today I came into channel 9 in the studio and none of the lights work. So there's just one little tiny light right here. Maddie, of course, is in Boston in the ridiculous cube, I, don't know what they would call the focus rooms with like terrible lights and.

C

A

Child you are at home, so you're in a great set of you're in full control of your lighting situation.

B

Sort of sort of yeah working pros are.

A

In progress and it's snowing here- it's snowing in Seattle and Redmond. It's not sticking so no snowpocalypse just yet, but it is kind of ridiculous but yeah, but first first that night community stand up to 2020. Before we get going and introduce everybody first happy 2022, everybody hope everyone had a great holiday. We are lucky because we usually go the first Thursday for xamarin every single month. However, that was the second and nobody was here at all and the studio was closed.

A

I was actually here, yeah I was I, was ready to roll and then no one was ready and then I said. Okay. Well, it's great because there's five Thursdays in the month so we're pushing back everyone one week you can always go to live. Dotnet live dotnet, that's a real! You! That's a real address. You can go to or.net, slash stand-up or before you RL.

A

It's there. No I did not dan dan Siegel ass. If I rode my bike to the office, I did not. I have become more of a fair-weather bike rider over the years, and so you don't know who I am I'm. James Monson magnet I'm a program manager for the client developer tools, but focus on xamarin, and this is the dinette Community Center, where we talk about all awesome community things for xamarin and I have two of my best friends in the entire world. With me, Madi first hi.

C

I'm Maddy I'm, a p.m. for our Zimmern forms tooling, and some other tooling stuff kind of pens on the day, making you more productive and having fun yeah.

B

And my name is Gerald all the way from the Netherlands and I'm working as a software engineer on the exam room for steam. That's.

A

Right and we asked Gerald I basically asked Gerald last night at 10:00 p.m. Pacific, so I must have been really early. His time, I said I would love for you to come on and talk about Zam reforms for for because we were gonna talk about it.

A

It just come out the end of last year and I was playing with it all over the holidays, adding a whole bunch of new features, and he did a great bunch of great blog posts that we're gonna highlight too so I wanted him to come on and talk about that new stuff. But if you've never been in a Dinah community or stand up, maybe it's your first time we do this. Every Tuesday and Thursday Tuesdays are asp.net. Thursdays are either xamarin languages and runtime desktop or Visual Studio.

A

Talking about all the amazing dotnet community stuff, that's out there things that you in the community are building using and then the teams come on and we talk about some of the cool stuff that we're doing based on the feedback that all of you have given us and the very very first thing and yes, Janice Hugh has noticed in the chat that I am slowly growing. My beard out it's happening yet again, so, hopefully, over every month you can see this this terrible beer to grow out.

A

So the first thing that we do do multiple things on the stream so feel free to always leave comments in the chat we monitor twitch, YouTube and mixer all at the same time. So if you're on any of those channels just go ahead and leave a note in there we're all monitoring them and then what we do is we go through community blog posts and links? Mandy's gonna do that then we're gonna do PRS from the community and then we'll go over to general, so Maddie. Why don't you share your screen and get into it?

A

C

Fantastic, we have a bunch today, sharing minimizing. Also, some of you may be wondering out where David is he's too good for community, saying that he decided to travel and said actually back from Redmond from doing his job. It's.

A

True, ever it's true.

C

Very lame, but luckily we have an even better member of the xamarin forms. Sdk team Cheryl's here to replace it.

B

I mean right: yeah.

C

B

David can pack his bags it's done exactly each month. All.

C

Right this is the link for today. This tool is amazing. The URL list, I type it the URL list with two L's every single time, and that is wrong. 1L, but xamarin stand up. 9, June, 2020, happy decade, we're doing great bunch of things today and some PRS that jar that James is gonna, do for us as well, so jumping right in go always kind of have a custom renderer blog on here this one's great, because the xamarin forms picker I, always use straight out of the box, and it's always very generic.

C

So Luis did an awesome blog on customizing examiner and forms picker items in particular. So it's usually just like a list of texts, but like these things in here, you might want to have an image or like a different font, different color. So he does it for Android, not iOS. He said it's same for another day: I'm waiting for that blog post, but go in you're gonna.

C

Add the spot, build your custom renderer for Android lots of some code stuff here, go see it on the github x' and then you have a beautiful picker with custom, fonts and colors and a custom header. So if you have been struggling with that or if you're trying to bring your pickers to the next level, this is the way to do it check this one out this one.

A

Came out right.

B

C

Holidays, so he was very busy. You can tell custom.

B

Fonts will have some lovin in the next 4 5 version. That's a nice cliffhanger for next month. That's.

C

Exciting and I really need help with custom fonts. So now, I'm intrigued, okay, Steven, I, first of all, I think he has a new blog theme. I love this. You say.

A

Yeah I think that.

C

Popped up over the holidays, so are you sharing sound or not? You know, does it make sound I.

B

Think so yeah don't do the homepage, because everything is you were going to struggle with his last name right. If you go back to the home page I think he has this phonetic Steven Leight Yeah right there, so how you should say it, and also, if you click the little, what does it speaker than it should in microsoft, sam? It will read out loud how you should say it so.

A

C

A

More time, I heard it alright.

C

Hey wisss, hey.

A

Whiz and I always had three.

C

A

Which is always terribly wrong and.

C

I project with.

A

The last name like Monta magno I've, had my last name messed up one or two times in my lifetime. Likewise,.

C

I digress compiled bindings, James wrote a blog post about this. I did the same reforms 101 about this people were like wow cool and then Stephen was like. I can explain it better than both of you, because I probably use him for that both of you and he was right. Uh-Huh super short super sweet, sam'l compilation using compiled bindings using that with a data template and then why you shouldn't use them which I left out of my salmon farms.

C

101, probably should add it so awesome short and sweet, as always, Steven writes things and ways that are easy to read for people who don't always know. What's going on. Like me, I'd.

A

I think you should always use them all the time Gerald do you have any input on when you shouldn't use compiled bindings.

B

I'm gonna be honest, I, never use so I think it's a great help. If you want to use them, it's probably it should give you some speed advantage, so it will, it will be a little bit faster, but to be honest, yeah I, I didn't really use them. I think you also get the intellisense with this right, while you're orsa. The other thing.

A

C

It tomorrow yeah.

A

Examine one thing: I will say if you do use compiled binding, so you do get the speed boost, but also you do get error checking if you typo your binding. So one thing I did recently. I was updating this contact application and specifically, like my commands, my binding commands, like buttons I changed the names of the commands and I recompiled, and then it just took me to the code where to update everything which was super duper nifty, so I do recommend doing that. It kind of keeps you in check just to make sure like.

A

Oh I know that this is my view model. Let me just set that this is my view model right now. So there are some like weird, where maybe you're setting a binding context of something else, and you need to update it, but it's a little bit of work but I think it's worth it I think.

C

Gerald, do you think we can get snack layout as an official type in four five I'll.

A

Just sneak it in oh, it's not I like that. All.

C

Right these two, these two next ones, are by Gerald they're teasers for what's to come at the end of the standup, but I wanted to throw them, and here anyways, because they're on his personal blog, so they're, both about swipe view when it's kind of the swipe view all the things overview, and then one of them is specifically about interaction. This is a great sample app if you haven't seen it it's his smash, favorite fighters. Of course,.

A

C

He's the best but I got.

B

The first one going out like hey, does this ypu and this is awesome and then the second one followed like just after, because I got a question, I think through Twitter and there was or makes me I think it was examine, forms issue actually, and someone asked like okay, this is all fun and games, but I can't really find an example on how to actually let those those contact actions fire, so I decided to not waste these throats like Scott Hanselman tells me to do and write a blog, and let everyone benefit from that. Nice.

C

Perfect awesome so yeah, so we'll get more into stripe view what it is and how it's gonna make your life amazing when Gerald talks more at the end of this, but these two blogs are there and they're on the link, if you're interested okay, next Knicks dotnet travels, he's always doing some cool like packaging stuff, this one's about supporting multiple environments, so, basically setting up a configuration file, packaging it and making sure that you have reasonable, build debug and release environments and configurations for your mobile apps and then using Devon, so that you know that's easy to work.

C

It's easy to figure out which one you're in so he blinks with some other posts. He links some of the tools he uses and he links to why he does this in the first or he discusses why he does this in the first place. So definitely give this one a read or a skim if you're, not someone who's good at DevOps. This is kind of a good like dip your toe in article and if you're are someone who already a lot of DevOps, you might learn something new here anyways. So that's cool dudu!

C

What's next, oh I was reading this one very deeply earlier. I have never an Apple watch, app I realized as I was reading this, so I wish I did but Damien basically went through and all the issues or like like nitty-gritty, like little things, he's hid that he figured out. He wrote them all down for you, so I can't get console.log messages. Some of the errors he's seen on like older watches or on the newer ones.

C

Actually, series 5 is the new one right, simulator issues making sure it's installing fast, all his quick little tips and tricks for getting through that easily. So, if you are dabbling in the Apple watch world with xamarin check this out for sure right what's next, oh, this is another blog that got a facelift over the holidays. Look at the scroll at the top of the page, how it's coming across, like that.

A

That's fancy. Oh, it's.

C

So nice leave it to Kim Kim again with another UI challenge: rotten UI, which is like a you know: rotten tomatoes, UI thing, but the whole idea of it is overlapping elements and making that look good and work well in xamarin forums. So it's a yet again an app concept that he links to probably from dribble, and then he takes you through all the steps of it and as always, the scroll ball, the scroll bar will show you you're at the bottom of the page.

C

His stream is all right here in YouTube kind of condensed a little bit and you can always watch it, live on Twitch, amazing stuff, if you're doing some really complicated UI and the only components he used in this by the way. I hope this is cool or skia, sharp and pancake for you. So a lot of this is out of the box xamarin forums which is lit all right. What is next? Oh, yes, another UI one by Liam, Reece replicating great UI and xamarin forums, so a similar, not kim UI challenged type thing.

C

So this is, by this thing, called mountain trip design on dribble, which was a really really pretty concept and Liam breeze tells you about the visual state manager, how she used the grid to obtain the floating button bar, which is down here and then she links to the sample she used to make. This kind of, like carousel view, wish list of mountains, and then she also used styles, so very good coding right there and it's all in her get up, which is great and it does look really nice. It looks pretty Android.

C

He like brand material, which I like I love the calendar buttons down here. So this was one I'm, definitely gonna. Take a look at more later on, Andre has had a xamarin UI challenge which he did part one of crews mobile first day of the year, starting out. 2020 great look at that. Look at that, so this was actually inspired by Kim, but this is the crews search tool that he used to UM design to base his design on.

C

That's what I want yeah so, but actually like the implementation, looks pretty close, which is awesome and he goes through all the different elements he had to build pancake view, as always Steven were yet and how he built all those things and then, of course, links to the github at the bottom. Some great tips in here, especially if you're just trying to make like a prettier list or a prettier, even to-do app.

C

This is the kind of one you want to do that that kind of design, so Charlaine did us all a favor and tried out the sink fusion, essential, UI kit. So it's a new kit they came out with I am pretty sure it's completely free, even in Community Edition James. Correct me. If I'm wrong, yeah.

A

It's a free version of and I think like if you use their controls, there's a community edition. There's some other stuff I have to read through a little bit more, but the default that she goes through here is sort of that it it you've ever wanted. Like a page like you know, I wanted a login, page or I want a profile page and it'll, lay down all the styling and all the controls for you and then sometimes we're using synced fusion controls.

A

Sometimes they're not you know, so it's kind of kind of cool in that regard, and then, of course, if it brings in sync fusion nougats, then it'll have a pop-up telling you that you know you're using the free edition that you need to unlock or why not. But you get like all the styles and stuff for free, which is really cool. Yeah.

C

I mean I'm going with this gift to recycle, because the forms just looks so good, but Charlotte also shows you how you can, like click through the code, a little bit if you're interested in it, which is awesome, and we love all of our control. Vendors. Sync Fusion, isn't the only one, but we love sync fusion too, and they have a great blog right now that they've been adding a lot. So these are the forms that look amazing, so check them out all right.

C

Google Translate is amazing. Yeah I noticed.

B

With the first link because I opened the link and it came in Spanish, so I was like how is this English now? What did I miss, but now I saw it switch okay,.

B

C

Is another Lewis blog? It's about elite kit, the light version of elite kit, which is kind of hard to say, I'm, realizing now I've only said in my head so far, but it's a ski, a sharp element sweet. So they help you make like really pretty designs kind of like a control thing, but like look at these look at the gradients, gradients are back baby and they're. Really easy.

C

Just like you know, dot elite gradient view is how you style it so Louise, it's a really really in-depth blog I would take some time out of your day to go scroll through it. As always, code is on github, but it shows you how to make some beautiful things like a monkey in the Rising Sun I. Don't know that's what it's meant to be, but that's what it is all right. We got a podcast carry low, throw podcast Locker up sorry, I'm gonna butcher that every night throw.

A

Throw throw Wow Luther.

C

I can't sign up it's hard as or soft O's, but it's fine with loose Carter who's great. If you don't follow a loose on Twitter, great Twitter, but it's not a super long podcast, and it's just talking about shell, why it's good for in-app navigation!

C

You know we got some British voices on there, easy to listen to perfect and Kerry's. Podcast is always great. He just did one wasn't about Bui UE Harvey. You guys say it no!.

A

C

A

Know I said it wrong for a long time. Frank corrected me so I'm.

C

Yeah, that's why I need I need the correction, so alright, last one last one on the salmon blog Matt, so cope samer and challenge. Santa talked a serverless xamarin app that lets you write a letter to Santa I, don't know what could possibly be better than this. This is great.

C

First of all, it looks good second of all, Santa talks back to you and he tells you what language you wrote of them so great for the kids, but it goes through cognitive services using Azure functions, so you don't have to use a proper like all that set up server and then you can do it open. A pull request extend. It include some screenshots leave us your feedback on the Azure services, the zamarons stuff. You used tell us what your process was like.

C

So just literally just like clone and github added add a feature to it. Maybe Santa like tells you you're, on the naughty list, and then, if you participate, you might get some swag. So everyone's gonna get xamarin stickers. Ten people at random are gonna, get a $25 gift card to the dotnet foundation, store, which has a whole bunch of stuff on it. James just won and updated all of this before the holidays. There's a lot, including monkeys, monkeys so help yourself and.

A

And what's cool yeah, it's close, you can basically get all that and then yeah it includes, like you know, to pay for shipping or any like that. So, if you're in that, what is it when did I? When do we put the date? The last date up to submit.

B

Yeah you were talking like we can still do this, but I think.

C

A

We can go to the porter class and take a look. It's in there.

C

A

C

Believe, right.

A

C

A

Oh somewhere anyways we got do we do get tons of Porter class, which is cool. I can't see, exist, faith yeah, so it's over now, but had you done it, then you could have got some good stuff, so you got to watch our blog. Basically, it's what we're saying well. Do me.

C

A new challenge.

A

Yeah, oh yeah,.

C

There's always challenges, maybe we'll do it. Valentine's Day one yeah.

A

What's cool is that Matt said he got all the UI for it off of snippets dev, so, like all the community snippets, and then he said that also, he was also telling me that there was a pull request that, like translated into language, is, unlike a bunch of other, really great Porto. So it's cool to see like the great like cool, little app, little holiday hack and then also just like some of the cool stuff that we do there.

A

So let me hop over to some poor requests from the community, real, quick one where I wear on all right cool. So the one thing a lot of people ask in the chat about the community links where you can get them from, so you can always go to live dotnet like there and then and then there you go it redirects to this big URL, and this is where you can watch it live on YouTube. You can go to Twitter mixer right here and chat with us and then right here we have all the old ones.

A

Not all of them have community links, but a lot of them do every team's. A little bit different and then there's always a community links button and we put it right there and it just automatically happens. This is a website that john galloway and I built together this page and then it's been cleaned up by the team and they made it. Look all nice and fancy and yeah.

C

A

All right there, so you can always get to the community links, live dotnet and also on the YouTube page. It's also there too, which is nice all right. Let me go over to the first one, so some xamarin forms pour requests that are in process currently very excited about andre first one here. I love this one very elegant. A lot of people have always asked for tree views. Things like that there there and also all of the blogs and the pull requests.

A

Everything that you see on here is in that URL s, URL, so they're all there, so everything Maddy showed everything I'm Shawn. So this one's really cool.

A

It's like a little expand or view very similar to what's in the community tool kit for expand, or it follows the same API and I like that, so you can think of it as a tree view, you could put little indicators on there, but you're you're just dropping down and expanding something for all intents and purposes there, and that's really nifty when you want to just display more information about something I just and it moves everything else down, multiple layers.

A

So that's super duper, cool and- and it looks like this- so if I zoom in here you have a header and content so and you could of course put expanders I guess in expanders and expanders yeah. If you wanted to so there, you go yeah, so really cool I like that. Well, so I got ya. Oh this one's, a very small one, I actually started using span a bunch recently.

A

Now that you can do bindable spans and a bunch of cool things. So, instead of having multiple labels, light label label label label, you can have a label that has spans of text inside of it horizontal or vertical. So this little pull request allows you to set the vertical text alignment. So previously everything would be aligned at the bottom, but maybe you want things to be aligned vertically in the middle and you have different sizes. It would move around, maybe have a use case for it. Maybe you don't.

A

All three of these are spans, so they're all can be different alignments based on their size, which is which is pretty cool, and you can see right here really of the vertical text. Alignment start Center or whatever you want, and the default would be end, which would make sense for most house, but it's they're, just nice small little improvement, this one's cool, oh I, can't wait for this. One toolbar item is visible, bindable property. We did it. People it happened. Oh I can't be more excited about it. This is this is great.

A

Toolbar items actually are relatively complicated in the native stack. So I understand why this this is a little bit tricky, but they did it. This is coming from Camus who likes xamarin forms right there and in the name who doesn't yeah. So this one there's, no anything but basically think about it. You just on your toolbar item you have like name and icon, and now you can use font icons I'm using that everywhere, I'm so excited about it.

A

You know set, is visible and then it's a bindable property and done awesome. Tizen team has been hard at work. This is a cool and this is an optimizations if you're doing Tizen work. This has this new platform lightweight strategy, so it actually is just more of an improvement performance from the team. So this is like a side-by-side comparison and to some of the different styles that they have. So that's a nice little one.

A

There that's already merged in from Rui and then another one coming in is this platform specific I love some platform, specifics which I think is cool. This is a UI search bar style. I've been dealing with this myself recently in one of my applications or one of the sample apps that we're updating, but the search bar on iOS has a bunch of different styles to theme it and it's a little bit tricky.

A

So here is basically the style on iOS 12 and then an iOS 13, it's dramatically different because they have like a white background, a little bit transparent and then a minimal one. So they're all slightly a little bit different based on your styling, and this adds a little way for you to control. How do you want it to be in general?

A

So that's a that's a nice one and it's very, very simple, so there's just a minimal prominent background style that you can set and that follows the I like Teddy, that a Joe here manky put put a link to the documentation so to the Apple documentation. So you can now set the default prominent minimal, so that minimal has no background its transparent. You know you can get access to that, so it's like a different one in general, so that's nice, so there's a bunch of other stuff in the same reforms.

A

Repo take a look at those. We just want to highlight some of the ones that just come in recently. Some that emerged I also want to talk about the project. I program manager, xamarin essentials, and we just shipped one for 1.4 pre-release, very excited about it, and we made some release notes. We have documentation all staged up very excited about it, two big ones, so three big, a bunch of the big ones in here, actually theme support. So you can detect your application theme mode.

A

So if your iOS or Android devices in light or dark theme or your Windows desktop, is in light or dark theme or your app is set to a specific color it'll figure that out for you on iOS 12, it would just return unspecified or older devices that don't support it. A new permissions API, which is I'm so excited John dick rewrote this based on some of the early work that I had done in one of my plugins with me and clans.

A

You know much other people have worked on that this one's super streamlined super is beautiful. We have all the permissions under the Sun. You can be like check, you can request, you can do all the themes or all the permissions I love it, and then we had some great a community PRS. We have some new color extensions from mr. Lacey, some new community contributions on new weight and unit converters, some clipboard change from the community, and we also added a really really cool one. A few of these.

A

It started in the community, and then we finished them off. So this one is for, like library, developers and man I'm. So excited about this one, it's silly, but really really easy. So this one exposes on iOS and Android just only in those projects. So it's not cross-platform, but you can think of them as platform. Specifics, a way to get access to the Android app contacts activity. You can wait for an activity, be displayed, asynchronously and even get States there.

A

That's really nice and renderers because you might need to get access to the activity or the app context.

A

So with this handles and tracks everything for you, and it also does it for the UI view, controller for iOS, again really super nifty and renderers, or anything like that, which is nice and mr. Leibowitz approved that two big ones coming in that we're super excited. I think this will go and go into the next release, so not 1.44 for the next 1.5 or whatever we name it. We have some new ones been super excitin Dick's been working on this one I think is calendar the built to roam team over here.

A

They do in a calendar, read-only API, so you can go in and you can easily get a list of get all of your calendars. Get the events for that calendar or a specific event based on the ID super duper. Nifty. We've worked really hard over the last few months on this and this one's basically done and it even uses the new permission.

A

Api works side by side in the community, lots of contributors here so Nick, Mick, collage and Scott over here from the whole team, and that's really great to see because I think that their team had already written it and they gave that back to the community. I love when that happens, and also working with Pedro I've gone back and forth on contacts API, which are very complicated.

A

So this one is a pic of contact, so it'll launch the native contact picker and you can get information there, which is really really nice, so we've been going through and updating on that. So we hope to get that in for the next release, so really excited about some of the work there. You can grab these Ameren essentials, 1.4, pre-release, I! Think we're gonna do a new pre 2 today, so we're gonna.

A

We have a few critical bug, fixes that we're putting in for that, but I'm going to grab that give that a test out there and you definitely check out the permissions API super jazzed on it. Alright, that's enough of me! I am done. You can grab the links, of course on live dotnet Gerald. What are you gonna be showing today? What do you gots well.

B

I'm just laughing about a chat message here. All the contributors. Wear sunglasses, that's actually a requirement. If you want to contribute to our repository, then you have to have an avatar with sunglasses. That's what you need to do. There you go anyway. I will be showing some cool new stuff from the 4.4 version, which has come out. Like you said just before the holidays, I have before me, I will share my screen. That'll make it a little bit more clear here we go.

B

A blog post by David, who gave him gave up his spot, so I can be here. Yay thank you David and he basically wrote about ya all the cool things. Well, the bigger ones. There's a lot of cool things they wouldn't fit into this one blog post, but so the first one would be a long missed functionality. All your cute cat pictures could be in examined forms now, because we have animated gif support yeah baby.

B

So this is very easy to use. I'll be popping up some some code and then show you right now. So, let's just quickly move on to the next one. We will also have carousel view and indicator view. So these are controls that we've been adding to this new major version. I think these are behind a experimental flag right now and with this yeah you can just have this. This carousel control, like you, would expect from I. Don't know. Probably I have the association of seeing them web pages.

B

Where you have this indicator to show you on which page you are, and you can make this cool photo slideshow and go through that so yeah. Here's a bunch of different designs that you could do with it. Here's the Apple pass kit running on on Android. So that's things you can do with with all these new controls and swipe view. So yeah, there's, there's a lot of new stuff in here and I.

B

Don't think I'll just pop open, Visual Studio for Mac to just show you all these new goodies, so starting off with the animated gif can.

A

You go ahead and zoom in the zoom in the fonts just a little bit for us just just a little bit more yeah.

B

We love them mark one more. This one.

A

Too yeah yeah one more even.

B

A

B

You know people are, people are.

A

On their phones right so go get.

B

Those it doesn't zoom anymore. That's.

A

It that's good.

B

Create an issue with figures to do for Mac, that's good all right, so the animated gif support is just implemented on the basic image control, so yep, nothing changes here, you just put in your animated gif and we have this extra property right here, which is bindable, as you can see so I just bound it to whatever is happening behind this button, and you could say it's animation playing yes or no. Of course.

B

If your image is not a gift, then this will just be Nord, but if we run this, we should see this cute animation of this great guy on the conforms team who is waving at you. So.

A

B

A

Does that work? Is it like detecting if it is a gift, basically and then and then applying the property? How does it work like under the hood, I guess.

B

To be honest, I didn't work actually on this one, but it looks at the actual metadata metadata metadata I'm, not yeah. Yes, thank you in the gif and that was I think a bit of a pickle, because that is different support under different platforms, so they had some trouble with if you could detect whether the animation was running yes or no, so for now we just have to support to to to just pause and play the animation but yeah. We we detect.

B

We look into the the actual file that is provided here and then see if we can animate that, yes or no so yeah very easy, you just use I mean it's just adding yeah sure give basically, and it should work. Then, if you want to have some control over when it's playing or not, you can do that. Nice.

A

And then, if I think, if you and then, if you just have a gif it'll just start playing automatically right, is that correct, yeah.

B

By default, I think it starts playing automatically. So whenever I get this open, yeah see it starts playing because yeah, so it starts playing automatically and then you you could set it. Can you set it not sure? Actually.

B

Animations, well, it's animation playing yeah. So if you said it, I probably have set it to true now, so you could probably set it to false. If you don't want it to animate right away.

A

Someone in the chat was asking if you could show the code behind for button clicked. Oh.

B

Yeah, so that's not really the best code problem.

B

That's interesting, so what I did is just use this as a binding context. So the page is its own binding context. Introduce a property like you normally would with data binding, which has this boolean of his playing and then whenever I click the button, it toggles that and it does playing or not playing. That's it beautiful.

A

Yeah and I think that Shane is in chat, definitely follow Shane. It says Android and iOS to look for the type of the of the gift you've created a a if you've created it and I said if it's set to loop it'll loop and if it's that's a single play, I'll play once so that's what it is. Nice yeah.

B

So that I think that was I think Shane did a little bit of work on that and had some trouble indeed with with the and platforms and knowing if it should loop or just play once or I, think you could even have gives that play a certain number of times so yeah. If that's what you want, you should probably open an issue and we will look at it, but I don't think it's supported right now. Nice.

A

B

Right so next thing is a bit more awesome. You already saw it a little bit in the blog post, so let me just go ahead and run this. Let's take Android for the fun of it and.

B

This is actually a sample project from Xavier, also on a team and yeah. So here we have the different fighters and I just heard that villager is the best, as always I'm.

A

B

A

So I'm just saying I, don't know why jiggly is not on the top. It just doesn't make any sense. Logical sense to me so I don't know I'm just saying I, don't.

B

Know it's it's! Okay! Let's just this is it this. Is it Xavier? Didn't blame Xavier later berry, so this combines a couple of cool things. So, first of all, we also have the collection view which has been in progress for a while: we've had it since I, don't know, 4.3 behind an experimental flag and since the forum for version came out last month, it's now generally available. So you should probably want to use this look at converting all your list, views to collection, views to get a better performance and all kinds of new functionality.

B

That is not in the list view, but that is in the collection view. So yeah! That's that's! Basically, if you don't know what collection view is it's the evolution of ListView? Basically, so if you have been working with examine forms for a while, you probably know that ListView does certain things very well and certain things a little bit less well, maybe so yeah we, we took all the things that we learn from that and we put that into your collection view, and that is now what you probably want to use.

B

Whenever you want to show collections of things like these fighters, so yeah, basically what you want to do with that, let me scroll down here. We have the collection view, just like you would expect from a list view replacement. You have the item source. You can have an item template so for each item that we put in here. We have a specific template that we will apply to that cell. Well, there's not cells anymore, don't worry so you're on each item.

B

We will apply this template and well margin that kind of default properties that will be on there as well- and you see here some some interesting thing- the collection view items layout, so you can have a linear layout. We have some other layouts as well. I think we have a grid layout, so yeah you can. You can lay out your items in a certain way.

B

You can define your own layout if you're, brave enough and yeah there's there's also kind of things that you can do here so also here you can see the linear items layout. Let's just see if Javier's code is prepared for this power of hot reload, there.

C

B

C

Kind of cool yep.

B

Fighters horizontal, which interferes with the swipe view, I see, but it's it has something with a little bit of design magic. It could work, it could work.

B

So let's just switch that back and yeah so I spoiled it already a little bit. There's also the swipe view. So, if you've worked with ListView again, then you might know the context actions. What you're called yeah I think.

A

They're contact context menus.

B

Ios, you would wait. I have the iOS version here as well. Yeah.

A

I never really liked the context menus the they were platform specific, which was like good, see on iOS you'd, get the swipe left to right and then Android they would be in the top bar and then on Windows. They would be like a popover which is fine, but then exactly it's.

B

A

B

That's a bit more unified, so we have to swipe you which is yep. It's the replacement of the ListView context actions these days. You have the ones on iOS in mind because on iOS you would be used to swiping this item to the right and then one or more actions could could come from this.

B

But, like you say on Android, you would have to do a long, press, I think and then some kind of menu would pop up, etc, etc. But now we have to swipe you and, as you can see, on iOS on the left and Android on the right, it will look and feel exactly the same, and whenever we click this yeah you can, you can have some kind of action. This is still running.

B

So, let's see this is actually in the data template that we are using for the collection view, template for each item and in there you will see the swipe view and within that swipe view you have multiple options, so you can say, write items so that will be items that appear on the right and within that you will have the actual swipe items with a different mode. I think you can also have, if I take this, what.

A

Kind of what kind of can you have like right and left and up and down yeah.

B

I think you have like all the directions. Let's see if intellisense likes me today, I.

B

Think you also have left items top items, so you can. Oh that's.

A

B

A

You can you can so that's good if your, if you were in that horizontal horizontal collection view, you'd, want to swipe up and down right. Yeah have here's.

B

A

The terrans like yeah, of course you can swipe everywhere of.

B

Course there there, so you could, but you can also have them both so I can also.

A

B

Once you have this, also on the left and.

B

And you can say okay, so this is now not a favorite, but this is unfavorite, I, don't know and well you get the idea and by the power of heart reload. We should now also be able to swipe it to the left. Well, I see, there's some designing going on here, probably with the curved thing. But but you know it works, it works. We can go both ways. Now you can see it's a pre-release, so it's not going or maybe it's hot reload. That might be the thing as well and.

A

Someone was asking about the margin yeah, so the margin is applied on the collection view. So that's why there's margin there you would well, you could probably do is like what I would end up doing is my collection view might span all the way across, but then each item might have a little bit of padding on the inside. So it's kind of like how you design it. What you're looking for right, yeah and then the gibble.

B

Properties are there and then, whenever you want to how you want you have it behaved, you can do that. You.

A

Know see if we can fix the left, you can the left ones. Now you just see how here says just changes the corner radius on the on the left at once, we're gonna do some live coding. Oh my god. I can do this where's it at where's.

B

Yeah where's that hop here. What are you saying? Oh wait. He put it in style of.

A

B

If I now change one, then we'll also change the classic to do well, yeah, so what's not boring, yeah, bigger design so yeah, that's that's one of the cool controls that we have here as well. I now wish that I popped up the carousel view as well, but basically it's it's all that you see here. You could just have this carousel view. Let's see if I can zoom this in a little bit, you know.

B

So we have the carousel view, which is basically a superset of the collection view, so it used the collection view underneath, but it just has been repurposed for this one thing, which is carousel view and yeah. Also here you have the item source, so you can put all kinds of items in there. You can have the item template. So in this case it's just an image. That's we're scrolling from left to right and you can.

B

You can make some kind of slideshow of all the pictures that you made over the holiday or something like that together with that we have the indicated view so for the first pack we made the indicate a few part of the carousel view, but then we thought hey. Maybe people want to use the indicators for artists stuff as well. Maybe they want to put indicators on the collection view and make their own kind of awesome thing from that.

B

So we took the indicators view apart from that and there's no documentation for that here: okay, cool, but you can. You can see it here on the bottom and for this particular example, it's not working I see, but the indicator views should indicate on which page you are in the carousel view, but on the indicator view you can say: okay, you should look at the the item source for this other control that we have on the page right here. So you just reference another control which which should, of course have some kind of paging system.

B

But then you can can yeah apply the indicators view for that as well. Nice so I have the official release notes here, which also summarizes these things, and, of course, if you want to use this, that's the reason I got it here. There was.

A

There anything else in there that you had that you worked on and then that you wanted to highlight at all for this release.

B

I think I did a little bit of everything, so I've been.

B

Sorry, you got me out of my flow, so if you want to you just just a little bit back to the design.

C

B

So the collection view is out of preview right now, so you can take off that flag. But if you want to use the carousel view, the indicator view or the swipe view, you have to set the experimental flag for that, which you can just do right before the forms in it. So I think actually David put it in here. That was where I want to go there.

B

It is see so here you have to define, set flags, and you can just make a combination of all the controls that you that you want to have in there. If you don't do it you'll notice soon enough, because you will just get an unhandled exception telling you that you have to set the flags before using this yeah.

A

I didn't know that before I read this blog post, I didn't know that you could just put it in the shared code. So I was just duplicating the code over and over again in each project and I was like. Oh what like. Oh this makes way more sense, just put it in one place because I'm using it in all the apps. So it's funny yeah, but.

B

You could do it both ways if you have some reason to do it in your in your platform. Specific project and yeah definitely do that so yeah. This is definitely not product ready as it's experimental, but we do want your feedback. That's why we put it in there. We want to put it in your hands and get some feedback early, so we can stabilize or put in some more features for you that that will make it more useful for you. So please work with these awesome tools in 4.4 out today and yeah.

B

That's all I have for you for this nice yeah.

A

I'll show off my the stuff I've been doing with carousel view so over the over the holiday. Let me switch over to mine, really quick, so I did I was in a little bit of a holiday hack. I've been trying to make this application for like ever, which is this application for individuals with lower back pain and stretches they can do, which is me so I I've been having chronic back pain for, like the last two years.

A

I thought I hurt my back and to the point where, like sometimes I, can't move and walk and things so I started. Doing these stretches is called the McKenzie method. A lot of people have helped help them out too. So. Have you ever seen me streaming or standing and stretching weird is because my back hurts really bad and, like I went to doctors and gotten all these things done and I.

A

You know, and everyone's like you're, fine, so I'm like well I can't move so I'm, not fine, so so I've been building this app and I. Did it in two streams I'm on my stream, so James Monson Magnum is my twitch handle and I've been building it out and I wanted to use all these new controls. It's like perfect timing, because I have carousel view and I've other stuff. It's not done yet. So it's still in the works, but this application uses shell inside of here and then for each of these.

A

Basically, you can swipe through and you can see like how many times you need to do the stretch you can mark if you've completed the stretch there and then you can clear out basically all the statuses in here. So this is a this is a data template item and this is a carousel view with the indicator view down here, which is really nice down here. This is using just material design of both iOS and Android, and this one this this little bubble is actually fine on device just on emulators.

A

It's so don't worry if you're like. Why is that? Small down there I also put in my own sort of custom theming, so I can do light, light mode and dark mode on on this application, which is very nice and I'm using all the new.

A

Stuff from essentials, which is really cool, so you get all these nice little things in here and then I'm using paint. The only LML use in I have a sink fusion in here for these little tap events, and also for this countdown timer and then I'm using pancake view. So I just have only like two custom controls from packages: I've, no custom renderers or anything like that. So this countdown timer I'm gonna play some nice like yoga music, while you're doing things and I'm go there. So pretty excited about that.

A

You know this is using yeah, just a pancake view, carousel view, indicator view, and then shell as well- and this is my I- have my little my test down here of all the beautiful colors and and I think Kim came up with urine and also I. Think David, maybe came up with the original theming and I've introduced like this theming. It's like all my applications and if you have light themed, dark mode.

A

It'll, do that so I'll show like what this this little carousel view looks like inside of here, oh yeah, which is cool so to kind of show exactly what you were talking about.

A

So if I go into my stretches, I'm inside of here I have this is my bindable layout, so this little bindable layout first are these little circles, so I could have used a collection view or I could use some something else, but I wanted full control over where these circles were so they're, always in the center, so you can tap on them and and I just have like a frame and a little label which is just displaying a font, a custom font. So this little this little checkbox inside of here is just a font.

A

This is a font. These are a fonts. Everything is a font which is great, so all of the icon, fonts and then down here. There's the carousel view right. So very super simple. It's just item source of stretches and then I have these peek inside which are 28. So one thing is that you can see that there's like items on the left and right hand, side, and you can put those little Peaks in there if you want to which is nice as well, which is cool so I like that quite a lot and yeah.

A

This is just like a frame. Nothing special I have a little little just labels and buttons and nothing crazy, and then here's the indicator view right. This is how it's done so, just like you showed off. The only thing that I wanted to point out is this puppy here you can set I, think squares or circles by default. I think in the I think, where there's a pull request for like custom ones, I.

B

Think that should be already in there or those full requests, but it does yeah I like.

A

The circle ones because I got to do anyway and I don't do any work, but yeah you can set the colors and then this is the thing items source to buy. This is what you were talking about right, which is it's under the carousel view. It's not in the carousel view, it's under it and it's and it's attached by name. So if I go up to my my name here, it basically has this reference to it just kind of nice and that's it very cool.

A

That's my little holiday hack project, I'm, very proud of myself. This was about 6 hours of work, I designed it myself, no big deal so.

B

That's it yeah I really like to be the the teaming thing. I actually looked into how you did that and basically you're, just swapping out the entire resource. Dictionary right, yep.

A

Yeah so I'll show that really quick and then we can get out of here so I have a I. Think of it like this I have my app and my app has all of my resources for everything in my application, so my base, here's my base style and all my base, colors and I set this to a light theme so like these are my light theme. Colors and I also have some other things in here.

A

So Apple was very gracious enough to put out all of their system colors, so they have system blue, green grays and those colors are different between dark mode and light mode for contrast purposes.

A

So these are the default light themes inside of here and then what I do is I have some just like specific ones like here's, a frame border, color and here's an entry background, color and different icons that I have inside of here and then what I do is for every control, I have a theme or a style, I should say, and that- and that is a like. Here's. A frame and I set the background color the border color on it.

A

So here this is a white background with normal default coloring and then, when I swap to dark mode, it's a different color and the what I've done is I just use dynamic resources, so dynamic resources whenever I change that resource its Ameren forms was updated automatically for me. So then what I've done is these themes, these styles, for every control that I have different weights, different colors, different fonts, clean up my code because they're in one space and they're just using these colors.

A

So if I go into my dark theme, there's not a lot of code in here. It's just the colors like what are the color overrides for dark theme? That's it and I have a little theme helper that whenever I decide to change the theme it goes through, it looks at what are my current resources: I want to load light theme or dark theme, and then it just merges them. It just copies them and it was dynamic boom. Everything updates in the entire application, which is beautiful.

A

So if I look at my page, if I was to look at- let's say the stretches page up here, you would be very tempted, maybe to here on this background. Color and I have debug rainbows in here of course, set that to a static resource. This background color but I, said it's a dynamic resource, and it's either this this this dark color or it's over in this light color and then it automatically happens and that's it I just copy and paste all my code from every single application. This is great is amazing.

B

Interested is because we were making plans for the whole OS theme thing: dark mode, light mode support, so this is something that that might be worth considering getting in there by by default, but yeah. So who knows if.

A

B

It please, let us know: yeah.

A

And then everything is a font too. So even I didn't even think I could do it, but, like you know all of these tabs glyphs and then even on the, whereas the stretches page I didn't know, I could do and then someone who might in my stream was like. Oh just set- that to an image source right there. The toolbar icon done amazing.

C

B

A

Which, which I think will be really cool for I, think Xavier is saying that you can use a data template on the indicator, so you could use icons or a little glyphs for that too little fonts.

B

A

Yeah very cool, all right: that's all I got anything else from you too.

B

A

Right cool all right, well, Jarrell! Thank you! So much for coming on showing off all that awesome stuff, we'll put links, of course, or in the live dot on that page or on the YouTube page. This is archived on youtube. So, if you're on YouTube, you can rewatch this glorious livestream. Afterwards, thanks for the team, I see Shane and javi I think I think Matthew was on there Jerell. Thank you. So much for coming on, appreciate it and Maddie is always honor and a privilege on this side of the webcam.

A

So thank you so much thanks to everyone that joined in and, of course, make sure you follow. The dotnet community stand up wherever you're at just tap that follow subscribe, button ding that Bell, you know what to do and we'll be back and next month it's the first of every month, so the xamarin team will be back on the 6th of February, but of course done it. Community stand-ups happen every Tuesday and Thursday thanks everyone. So much have a great day afternoon, night morning, wherever you're at bye e thanks.

C