Setting up Pickup-Location and Destination Bar

Ufinix Academy
A free video tutorial from Ufinix Academy
Learn programming and app development
4.3 instructor rating • 4 courses • 4,828 students

Learn more from the full course

Xamarin Android Uber Clone App with C# and Firebase

Learn advanced Xamarin Android concepts by building a fully complete and functional Uber Clone app using Firebase

15:26:55 of on-demand video • Updated July 2020

  • Learn to build complete Uber Clone apps (driver and passenger) with C#, Xamarin and Firebase
  • Learn to create, remove, update and delete records in Firebase Database
  • Save and handle data locally using Shared Preferences
  • Learn how to use Google Location and Map services in your Apps
  • Learn to find direction from one point to the other with Google Direction Api
  • Learn to find place address with Location Coordinates using Google Geocoding API
  • Learn advanced usage of C# Lambda Expressions
  • Learn advanced usage and creation of custom C# Event handlers
  • Learn to create and design beautiful User Interfaces
  • Understand how to create Local Notifications using Android Notification Manager
  • Learn to make asynchronous WebCallls using Rest Api
  • Learn to initiate a phone call from your app using Native Intents
English [Auto] Welcome to this class. So we're actually going to be designing our pickup location bar and destination by cell. Let me show you guys a tip of what we are going to be doing in this class right. Bam. So we are going to be designing this beauty here right. So we are going to be doing these bars they speak application and destination bar and also the upper class. I think we would do DMA location button and also have these right. But favorite places button as well. So that's the empowerment of this is our user just how to tap this and a place such com so we know for them to you know set the peak application and all that right. So without much ado let's get right into it. OK. So to do this lend less and even in your linearly out in your layouts of course some attributes Android layout height would be rap content content the reach would be much parent so we need to set some margins so layout margin left 16 DP because we need some space we need some space around it displaces and margin rate would be sixteen DP as well and we need to set some margin top some layout lodging top this would be 70 DP OK. So let's have a frame layout here okay. Of course some attribute to put an idea because we need to grab the reference later on I.D. or call it frame locations layout we'd much apparent now tides that's using 90 DP and let's say the background to white to OK so we didn't ideally annotation here radical right. So inside of our frame layouts we need another Linear Layout. Okay. So inside of this frame layouts you need another Linear Layout that's these frame layout. So we need in New linearly out to organize this this way. All right. So let's add a new Linear Layout okay. Some attributes orientation vertical layout height match parent layout we've matched parent OK we need to add a related layout. OK so easy to organize our elements on the use of course these need some attribute layout height. So I'm going to set the layout how to 0. OK. The reason for this is because we're going to be using layout to wave I want to divide these into two. This would be our first relatively out area setting up which we used to put in our bores and d stacks and these radio button. OK. So it's going to show zero point five space and be done relatively to show zero point five space. OK so let's continue the layout we've matched parent I'm going to have to make these clickable and of course we need an I.D. of it because we'll be needing it and we can't call it layouts speak or think this will suffice. All right. So let's put in some items inside of it we need an image view today's view and a radio button. OK so let's add an image View Image view cos we need some attributes to say Android that's me outside we say to DP lay out with a DP as well and also the image that is going to be here is the green ball the green ball. All right. And I've actually added these images to the resources for this class right. So at this moment we need to bring those resources into our app. OK so to do that I will go to draw DEA 910. I already have you know those resources saved to my deck stop so I'm going to just add both of them my twins OK that's been added so I can now go ahead and say I'm going to start to see it drivable Slash Green Ball so I'm going to send tights and a parent I'm gonna add so margins. All right OK. So why it hasn't showed up is because if not I did lay out wait to release him now layer said this to zero point five so we can now see our green round ball. So let's proceed and add text v rest at our TextView TextView course we need some attribute I'm going to say Android but the idea we can call it peak of location tests and lay out height real quotes and wrap content layout we've real quotes and much parent when the tests will say pickup location can see that and location so this entire vertically should be true sets on merging investment D that t DP Ok Max Lines wanted to be to of course we you just said the gravity to send to vertical right. So I think we need some margin to the right as well because we're going to be adding a radio button margin right let's make it to six DP So the last thing we need to add in this related layer will be a radio button. OK. So it's a radio button enjoy the I.D. We'll see pick up radio out right. We'll be around content and layout we've we wrap content as well. So what I was what I was what I was. We need to find out gravity and so is showing up already. So we have to align it to the right. OK lay out a line preparing to write Ok gonna say these two true we needed to be centered vertically so we can say center vertical say these two true ban and that walked out. Of course we need some margin is too close to do buddy. So let me just add some margin to do right 10 DP So we are done. All right. This looks cool. You just that this ball is nowhere aligned. So let's face that to fix that we need to. OK to change this and make it center radical not center in parent. Lay out center radical. So guys that's that. So to actually make you faster let's just copy these really to lay out pasted here. So now all we just need to do is to edit you know the ideas that we have you know just change a few things and then we can rock and roll. OK. So instead of saying people can I say destination stuff green ball we can I say red ball and view we can cannot say cannot call these destination text and of course change change the test to destination destination. OK. As you can see is showing. So the small green the small Ashland that we have. All right this line to get it. We're going to add a view in one of the relative layouts. OK so let's use the first one is adding view at the bottom of it so we're gonna save you let's add so much imbues layout tied which should be just one DP and well with the layout with layouts we will be much better and then the layout gravity quarter end and we'll align it to the parent bottom. So we say layout line here and bottom these two true so we need to set a corner for a train so set a corner and Droid got background. Background will be that's the slash Ruger. Okay. So guys you can see it here. That is just how simple it is to you know have something that looks like base. Okay so let's run this and see if everything checks out okay. So happy about best just start. So he has a splash screen boom. So we have it and everything works so well. So guys in the next class we are going to be completing you know the remaining part of the design against. Art in my place location and of course favor a button to our design. Ok okay guys seen in this class.