New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using soft keys

From: Flex 4.6 and AIR 3.0 New Features for Mobile Apps

Video: Using soft keys

Flex 4.6 includes some very nice soft keyboard enhancements to be aware of, including setting a certain type of keyboard or setting the default return key label, and even autocorrecting and autocapitalizing text. There is a new soft keyboard type property on the TextInput and TextArea components that will allow us to set the different soft keyboard types available on mobile devices. The value for this property could be set to any one of the following: number, email, punctuation, URL, contact, or default, and will invoke the native soft keyboard of that type on the given device.

Using soft keys

Flex 4.6 includes some very nice soft keyboard enhancements to be aware of, including setting a certain type of keyboard or setting the default return key label, and even autocorrecting and autocapitalizing text. There is a new soft keyboard type property on the TextInput and TextArea components that will allow us to set the different soft keyboard types available on mobile devices. The value for this property could be set to any one of the following: number, email, punctuation, URL, contact, or default, and will invoke the native soft keyboard of that type on the given device.

Let's explore how to do this in Flash Builder 4.6. The first thing I am going to do is of course open up Flash Builder 4.6, and I am going to import this starting file from my exercise files, which is located in the Starting folder, and I am just going to say 1-10.fxp, I am going to click Open, and then I am going to click Finish. And then I am going to open up the source directory, and I am going to open up the SoftKeyboard.mxml. And you will see I just have a bunch of different text input fields here, with a certain width. And for example, here I have one called Email, one called Number, one called Punctuation, and so on. And if we look at this actually on an iPad, so for example, if I go to Mobile Application, I create a new Run Configuration and I say Apple iPad and I click Run, you should see I have an Email field I have a URL field, a Contact field, a Number field and a Punctuation field.

Okay, let's invoke the email SoftKeyboard type on the device when a user clicks in that field. So that is as simple as just specifying the property called softKeyboardType and simply just saying email. And for the number, let's do the same thing. So I am going to make sure my code hinting appears. I am going to say softKeyboardType is equal to number and for the punctuation, let's have our softKeyboardType for, let's make sure this is set to punctuation. Perfect. Notice it's all lowercase here. And for the URL, I am going to simply say softKeyboardType is equal to url, and then for the contact,I will do the same thing, and I will say softKeyboardType is equal to contact.

Okay, so now I am going to hit Save. There is email, number, and punctuation, and then we can also add the auto- capitalize, which would mean that everything will automatically be capitalized. So for example, if I go to the punctuation text field, I can add a property on here. I will say autoCapitalize, and I can again set this to either all, none, or sentence or word. Let's set this to all, so it will mean everything will be automatically capitalized.

And then I can also turn on autocorrection if I like. Again, especially in our iOS devices, I can set up autoCorrect, and I can specify that to be true or false. So this means that autocorrection will work on this text field as well. Okay, let's go take a look at this on a Zoom. When we look at this, you will see when I click in the Email, that here I have an Email field. When I click on the URL, I have that URL soft keyboard. Here I click on the Number, I have the Number soft keyboard, the Contact soft keyboard, and the Punctuation soft keyboard.

So I can really utilize those device capabilities directly from my application.

Show transcript

This video is part of

Image for Flex 4.6 and AIR 3.0 New Features for Mobile Apps
Flex 4.6 and AIR 3.0 New Features for Mobile Apps

21 video lessons · 4173 viewers

James Talbot
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.