1
00:00:00,060 --> 00:00:06,360
Hi, everyone, so in this tutorial, we will see how we can create to get into the M.D..

2
00:00:06,630 --> 00:00:08,490
So let's begin the lecture.

3
00:00:14,710 --> 00:00:16,680
OK, so what is a tooltip?

4
00:00:17,010 --> 00:00:25,290
So in many scenarios and in many softwares, you have noticed that whenever we hover on some kind of

5
00:00:25,290 --> 00:00:33,810
text or even on a button, we get a hint text down below again, a helping text or a hint text.

6
00:00:33,840 --> 00:00:35,750
So this is called tooltip.

7
00:00:35,760 --> 00:00:43,770
Okay, so I think that tooltip is basically a transition between this beginner level to intermediate

8
00:00:43,770 --> 00:00:44,130
level.

9
00:00:44,130 --> 00:00:46,460
Okay, so I think that tooltip is a transition.

10
00:00:46,470 --> 00:00:50,850
This is because we can't use toolkit directly in this TV.

11
00:00:50,850 --> 00:00:55,010
And okay, so first of all, we need Aguilar's here, okay?

12
00:00:55,020 --> 00:01:01,140
And then we will actually put the name of this glass here, OK, and why we need a class.

13
00:01:01,260 --> 00:01:04,180
So why would you answer this question?

14
00:01:04,260 --> 00:01:10,420
First of all, we need to understand the name of our widget, OK, and that is to tape.

15
00:01:10,470 --> 00:01:15,490
OK, so first of all, let's divide this world into two words two and then tip.

16
00:01:15,700 --> 00:01:21,000
OK, so first of all, we need a tool toolkit on which we want to display our tip of our hint.

17
00:01:21,030 --> 00:01:21,360
OK.

18
00:01:21,480 --> 00:01:27,480
So what is our tool in this case and give Medicare so our tool can be a widget?

19
00:01:27,510 --> 00:01:30,040
OK, it's going to be a lab button or any other thing.

20
00:01:30,060 --> 00:01:33,630
OK, so we need to combine a widget, OK?

21
00:01:33,780 --> 00:01:38,460
And the tooltip to work correctly with tooltips, OK?

22
00:01:38,580 --> 00:01:45,360
So for that, for this purpose, we need a class in which we will inherit our widget or get on which

23
00:01:45,360 --> 00:01:47,800
we want to apply our tool tip.

24
00:01:47,850 --> 00:01:49,800
OK, and then M.D. tooltip OK.

25
00:01:49,950 --> 00:01:57,090
So that's why I called it a transition between a beginner level and an intermediate level.

26
00:01:57,120 --> 00:01:57,510
OK.

27
00:01:57,630 --> 00:02:04,300
So first of all, without resting time, let's create a class or game class and then write a tip.

28
00:02:04,320 --> 00:02:07,050
OK, so it's a tip will be my class, OK?

29
00:02:07,170 --> 00:02:12,100
And now we need to inherit a widget on which one to apply our tooltip.

30
00:02:12,120 --> 00:02:12,450
OK.

31
00:02:12,570 --> 00:02:19,200
So in this case, I will give it like, maybe I can I see you and I can be you double di.

32
00:02:19,200 --> 00:02:20,220
I can button, OK.

33
00:02:20,310 --> 00:02:22,500
So I want to apply my tooltip on this.

34
00:02:22,830 --> 00:02:23,640
Icon button.

35
00:02:23,790 --> 00:02:29,070
And now, along with this empty the icon button, I need to inherit M.D. to a tip as well.

36
00:02:29,190 --> 00:02:31,880
So just write to empty tune.

37
00:02:32,400 --> 00:02:39,840
OK, so now we have inherited of our empty icon button, which is our tool, our widget on which we

38
00:02:39,840 --> 00:02:46,320
want to apply our two, or let's import these two things imported and import this thing OK.

39
00:02:46,470 --> 00:02:53,100
And now let's pass this class, OK posted, because we do not need anything inside this class, OK?

40
00:02:53,160 --> 00:02:57,000
We just need do we just need its name, which is step OK?

41
00:02:57,120 --> 00:03:02,130
And which inherits empty icon properties and amplitudes the properties as well?

42
00:03:02,250 --> 00:03:08,490
So now let's copy this name copied, and with the help of the step, we can create our tooltip.

43
00:03:08,490 --> 00:03:08,820
OK?

44
00:03:08,970 --> 00:03:12,720
And now let's paste this just name here.

45
00:03:12,750 --> 00:03:16,520
OK, so at school and now we have created a tooltip.

46
00:03:16,530 --> 00:03:24,840
OK, so but but this and the icon button has one very, very, very important property and that is icon,

47
00:03:24,840 --> 00:03:29,540
OK, so we need to actually give and I can do this do OK.

48
00:03:29,590 --> 00:03:34,080
And then we need to display our tip or our hint text as well.

49
00:03:34,090 --> 00:03:34,440
OK?

50
00:03:34,530 --> 00:03:41,100
So just right here, icons or icon is the property which we are inheriting basically from this icon

51
00:03:41,430 --> 00:03:48,810
MD icon button, OK, and give it and I can name like, for example, I will go with the Android Andy

52
00:03:49,110 --> 00:03:53,790
or Android, or you can use your custom images here as well, OK?

53
00:03:53,940 --> 00:03:59,520
And now we need to display of or hint text, OK, and which is the property of this magnitude?

54
00:03:59,790 --> 00:04:00,180
OK.

55
00:04:00,390 --> 00:04:03,390
And I'm going to call here dual cab.

56
00:04:03,600 --> 00:04:05,900
OK to do underscore text.

57
00:04:05,910 --> 00:04:06,180
Okay?

58
00:04:06,360 --> 00:04:08,370
So this will be basically my hint text.

59
00:04:08,520 --> 00:04:12,720
And in this case, I will say, like lose.

60
00:04:14,000 --> 00:04:22,200
The hair created, created, created our war to.

61
00:04:22,610 --> 00:04:28,940
Okay, so this will be text which I want to display whenever I hover on this icon.

62
00:04:29,480 --> 00:04:30,350
So it's very good.

63
00:04:30,770 --> 00:04:34,820
You can actually define the position for this tip as well.

64
00:04:34,820 --> 00:04:39,350
Like, for example, just write your pause and just can't ask for it and just can't.

65
00:04:39,350 --> 00:04:45,950
And again, it's dictionary, OK, so I want to make it in the center of the screen.

66
00:04:46,190 --> 00:04:49,520
So center underscore X or gap.

67
00:04:49,700 --> 00:04:50,840
And this will be my point.

68
00:04:50,840 --> 00:04:51,200
Five.

69
00:04:51,830 --> 00:04:57,200
And then I center a center underscore y or.

70
00:04:57,350 --> 00:04:59,150
And this will be my point five as well.

71
00:04:59,330 --> 00:05:04,280
Now let's run this thing, and I hope that this will work fine.

72
00:05:04,910 --> 00:05:06,410
Yeah, here is my end.

73
00:05:06,410 --> 00:05:11,250
Or I can button and whenever I hover who we have created our toolkit.

74
00:05:11,270 --> 00:05:12,720
So it's very, very awesome.

75
00:05:12,720 --> 00:05:14,850
Marquez So this is how tooltip worked.

76
00:05:14,940 --> 00:05:21,360
OK, so you can actually customize the this background color as well the text color.

77
00:05:21,380 --> 00:05:31,730
OK, so let's change its background colors are just right here to the underscore big underscore color,

78
00:05:31,730 --> 00:05:32,210
OK?

79
00:05:32,420 --> 00:05:38,110
And in this case, I will use, in my case, the D-minus Garcia colors.

80
00:05:38,120 --> 00:05:50,990
Okay, so I will write here and add GMI team underscore S.E.A.L.s Dot Primary Underscore Dark, Okay,

81
00:05:51,350 --> 00:05:52,550
primary underscore dark.

82
00:05:52,880 --> 00:05:54,770
And that's it.

83
00:05:57,450 --> 00:06:03,270
Yeah, or gas or everything is working fine, we have change our background color, you can actually

84
00:06:03,270 --> 00:06:04,950
change the text color as well.

85
00:06:04,950 --> 00:06:05,300
Okay?

86
00:06:05,490 --> 00:06:06,900
But it's very simple.

87
00:06:06,900 --> 00:06:12,650
Just try to do an underscore text, underscore color and then give your on color name again.

88
00:06:12,960 --> 00:06:18,030
How you can use this to underscore symbols, colors as well, or you can give back color.

89
00:06:18,160 --> 00:06:24,270
Okay, so I hope you have enjoyed this tutorial, and in the next tutorial, we will see something new

90
00:06:24,270 --> 00:06:25,050
to that point.

91
00:06:25,080 --> 00:06:25,580
Bye bye.