Hi, everyone, so in this tutorial, we will see how we can create to get into the M.D..
So let's begin the lecture.
OK, so what is a tooltip?
So in many scenarios and in many softwares, you have noticed that whenever we hover on some kind of
text or even on a button, we get a hint text down below again, a helping text or a hint text.
So this is called tooltip.
Okay, so I think that tooltip is basically a transition between this beginner level to intermediate
level.
Okay, so I think that tooltip is a transition.
This is because we can't use toolkit directly in this TV.
And okay, so first of all, we need Aguilar's here, okay?
And then we will actually put the name of this glass here, OK, and why we need a class.
So why would you answer this question?
First of all, we need to understand the name of our widget, OK, and that is to tape.
OK, so first of all, let's divide this world into two words two and then tip.
OK, so first of all, we need a tool toolkit on which we want to display our tip of our hint.
OK.
So what is our tool in this case and give Medicare so our tool can be a widget?
OK, it's going to be a lab button or any other thing.
OK, so we need to combine a widget, OK?
And the tooltip to work correctly with tooltips, OK?
So for that, for this purpose, we need a class in which we will inherit our widget or get on which
we want to apply our tool tip.
OK, and then M.D. tooltip OK.
So that's why I called it a transition between a beginner level and an intermediate level.
OK.
So first of all, without resting time, let's create a class or game class and then write a tip.
OK, so it's a tip will be my class, OK?
And now we need to inherit a widget on which one to apply our tooltip.
OK.
So in this case, I will give it like, maybe I can I see you and I can be you double di.
I can button, OK.
So I want to apply my tooltip on this.
Icon button.
And now, along with this empty the icon button, I need to inherit M.D. to a tip as well.
So just write to empty tune.
OK, so now we have inherited of our empty icon button, which is our tool, our widget on which we
want to apply our two, or let's import these two things imported and import this thing OK.
And now let's pass this class, OK posted, because we do not need anything inside this class, OK?
We just need do we just need its name, which is step OK?
And which inherits empty icon properties and amplitudes the properties as well?
So now let's copy this name copied, and with the help of the step, we can create our tooltip.
OK?
And now let's paste this just name here.
OK, so at school and now we have created a tooltip.
OK, so but but this and the icon button has one very, very, very important property and that is icon,
OK, so we need to actually give and I can do this do OK.
And then we need to display our tip or our hint text as well.
OK?
So just right here, icons or icon is the property which we are inheriting basically from this icon
MD icon button, OK, and give it and I can name like, for example, I will go with the Android Andy
or Android, or you can use your custom images here as well, OK?
And now we need to display of or hint text, OK, and which is the property of this magnitude?
OK.
And I'm going to call here dual cab.
OK to do underscore text.
Okay?
So this will be basically my hint text.
And in this case, I will say, like lose.
The hair created, created, created our war to.
Okay, so this will be text which I want to display whenever I hover on this icon.
So it's very good.
You can actually define the position for this tip as well.
Like, for example, just write your pause and just can't ask for it and just can't.
And again, it's dictionary, OK, so I want to make it in the center of the screen.
So center underscore X or gap.
And this will be my point.
Five.
And then I center a center underscore y or.
And this will be my point five as well.
Now let's run this thing, and I hope that this will work fine.
Yeah, here is my end.
Or I can button and whenever I hover who we have created our toolkit.
So it's very, very awesome.
Marquez So this is how tooltip worked.
OK, so you can actually customize the this background color as well the text color.
OK, so let's change its background colors are just right here to the underscore big underscore color,
OK?
And in this case, I will use, in my case, the D-minus Garcia colors.
Okay, so I will write here and add GMI team underscore S.E.A.L.s Dot Primary Underscore Dark, Okay,
primary underscore dark.
And that's it.
Yeah, or gas or everything is working fine, we have change our background color, you can actually
change the text color as well.
Okay?
But it's very simple.
Just try to do an underscore text, underscore color and then give your on color name again.
How you can use this to underscore symbols, colors as well, or you can give back color.
Okay, so I hope you have enjoyed this tutorial, and in the next tutorial, we will see something new
to that point.
Bye bye.