Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,880 --> 00:00:05,770
In the last section, we got our text fields to appear on the screen right here and we've got our label
2
00:00:05,770 --> 00:00:08,650
and the text displayed on there as well.
3
00:00:09,280 --> 00:00:12,950
Now, there's one little odd thing that I want to point out about our current input.
4
00:00:13,420 --> 00:00:16,780
Notice how we are expecting user to enter and email here.
5
00:00:16,900 --> 00:00:21,460
So presumably they need to enter in some text at example, dotcom.
6
00:00:22,180 --> 00:00:24,230
However, the keyboard that we have right here.
7
00:00:24,280 --> 00:00:29,380
Well, we can easily add in text, but if a user wants to add in that at Simbel, they have to click
8
00:00:29,380 --> 00:00:32,800
on the simple indicator right here and then click on ADD.
9
00:00:33,250 --> 00:00:35,750
And that's kind of a pain in the rear for our users.
10
00:00:36,100 --> 00:00:39,850
You and I know that a user is going to have to enter in the at symbol here.
11
00:00:40,030 --> 00:00:45,790
So we're really just making life more complicated for our users by forcing them to press the button
12
00:00:46,030 --> 00:00:47,460
and then select the symbol.
13
00:00:48,010 --> 00:00:52,660
So to get around that, we can actually customize the way that the keyboard down here gets displayed
14
00:00:52,660 --> 00:00:53,440
to our user.
15
00:00:54,220 --> 00:01:00,940
I'm going to flip back over to the documentation for the text form field class or then go down to the
16
00:01:00,940 --> 00:01:01,630
constructor.
17
00:01:03,080 --> 00:01:08,920
So here's our constructor and I'm going to look for a property called let's just do a search for it
18
00:01:09,800 --> 00:01:12,260
and we go keyboard type right here.
19
00:01:12,930 --> 00:01:17,930
So the keyboard type property allows us to customize how that keyboard appears at the bottom of the
20
00:01:17,930 --> 00:01:18,350
screen.
21
00:01:18,680 --> 00:01:23,630
And we can kind of customize the keyboard that gets shown to more easily assist users in entering,
22
00:01:23,630 --> 00:01:25,640
say, an email address.
23
00:01:26,420 --> 00:01:28,940
So I can look at the text input type right here.
24
00:01:29,450 --> 00:01:31,520
I'll click on that and look at its documentation.
25
00:01:33,340 --> 00:01:36,910
Then inside of here, I'm going to scroll on down to the very bottom.
26
00:01:38,430 --> 00:01:40,500
And find the constants section.
27
00:01:41,190 --> 00:01:47,880
So these constants right here are constant keyboard types that specify exactly how the keyboard is displayed
28
00:01:47,880 --> 00:01:48,410
on the screen.
29
00:01:49,470 --> 00:01:53,100
You can pretty much read the text and I think you'll very quickly get a good idea of what these are
30
00:01:53,100 --> 00:01:53,610
used for.
31
00:01:53,790 --> 00:01:59,040
So if we want to show a keyboard that optimizes the display for email addresses, well, we're going
32
00:01:59,040 --> 00:02:01,530
to use this email address constant right here.
33
00:02:02,100 --> 00:02:08,030
So essentially, all we really have to do here is find our text form fields and into the constructor,
34
00:02:08,039 --> 00:02:10,680
we're going to add in keyboard type.
35
00:02:11,220 --> 00:02:15,630
And for the keyboard type, I'm going to specify a text input type.
36
00:02:16,650 --> 00:02:20,700
I'm going to reference that email address thing like so.
37
00:02:21,570 --> 00:02:27,810
Now, notice how we are referencing a constant value on a class here so we do not have to create an
38
00:02:27,810 --> 00:02:32,670
instance of the class first, we can just freely say here's the class we're looking at and I want to
39
00:02:32,670 --> 00:02:35,570
access this class property on the class.
40
00:02:35,580 --> 00:02:38,850
So just text input type DOT email address.
41
00:02:39,910 --> 00:02:44,140
So if we know, save this and refresh our emulator again.
42
00:02:49,870 --> 00:02:52,420
When we focus our input here any second, there we go.
43
00:02:52,900 --> 00:02:55,930
You'll notice that now our keyboard has changed slightly.
44
00:02:56,200 --> 00:03:00,570
So now, right next to the space, we've got the symbol, which just makes it a little bit easier for
45
00:03:00,570 --> 00:03:06,820
our users to add in the symbol and then continuing to type in the rest of the email address without
46
00:03:06,820 --> 00:03:08,710
having to access that symbol menu.
47
00:03:09,370 --> 00:03:14,170
OK, so just a little bit of an improvement, but it's something that makes our users lives a lot better.
48
00:03:14,860 --> 00:03:19,780
So now that we've improved our keyboard type, let's continue customizing our text form field in the
49
00:03:19,780 --> 00:03:20,410
next section.
4809
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.