AppSettings: Passcode lock

[jesmrec]

As an user, i want to lock my app with a passcode, so that i can ensure that no one will reach my files

AC:

• Passcode will have 4 digits.
• It has to be input twice. If second time does not match the first one, error displayed
• Possibility to cancel.
• To remove the passcode, is a must to enter the code
• Passcode always asked to enter the app
• Passcode always asked from Files App / 3rd party
• Set a time after asking the passcode, in which the passcode will not be asked
• QA

[javiergonzper]

I am working on the design of the passcode using the current Theme styles

I hope you like it 😄 (@michaelstingl @felix-schwarz)

[theScrabi]

@javiergonzper I honestly don't like it. I don't know much about the iPhone design guidelines, but I'm pretty sure this input field does not align with them.

I set up an alternative design. Please tell me what you think of it:

[jesmrec]

@michaelstingl @felix-schwarz @pablocarmu

• round buttons vs square buttons
• separate digits vs all digits together

one question: why are used custom buttons instead of the built-in keyboard?

i like round buttons, but also i would rather all digits together.

[michaelstingl]

Examples from other apps:
#3 (comment)

[theScrabi]

one question: why are used custom buttons instead of the built-in keyboard?

Android app uses keyboard as well.

i like round buttons, but also i would rather all digits together.

Android app has separate input fields for each digit. I think it better that way.

[michaelstingl]

This is the native (iOS 11) look and feel:

-	4-digit numeric	6-digit numeric	Custom numeric
Lock screen
Settings screen

[javiergonzper]

Android app has separate input fields for each digit. I think it better that way.

I did all digits together because it could be parametrizable.
let numberDigitsPasscode = 4
Right now we use a 4 digits passcode but maybe in the future we will need a 6 digits (or more) and we just have to change that value.

About the round buttons. My idea was use round buttons but when I apply the OC button styles with the corners I liked it and because of that I let them as you see.

I used the numbers because is the way that the user unlock his iPhone every time. The design with the keyboard of the "Settings" it is aligned with all the "Settings" inteface.

The design that I made it is just now developed:

[jesmrec]

Already done.