is there any way to make TextFlied input like google wallet input in ios ? please see attached photo for your understanding what i need

Question

I want same textfield or any control in iOS Objective-C, like this image google wallet input entry.

Answer 1

Yes totally possible Use NSAttributed String here is the link NSAttributedString

Create 2 NSDictionary one for smaller fontSize and one for Bigger fontSize. in the small font size Attributed Dictionary the size for the NSBaselineOffsetAttributeName is used to move the small font up or down change the value to see the effect.

// I have added the attribute for font color as well so it should look the same as picture above
NSDictionary *smallFontSize = @{
                                NSFontAttributeName : [UIFont systemFontOfSize:10],
                                NSBaselineOffsetAttributeName : [[NSNumber alloc] initWithInt:10],
                                NSForegroundColorAttributeName : [UIColor grayColor]
                                };

Second dictionary is very simple it only contains the font Size

NSDictionary *bigFontSize = @{
                              NSFontAttributeName : [UIFont systemFontOfSize:25]
                              };

Declare NSMutableAttributedString not AttributedString pass in the samllFontSize

// I have directly passed the $ sign but you will pass it as a property
NSMutableAttributedString *mutableAttriString = [[NSMutableAttributedString alloc] initWithString:@"$" attributes:smallFontSize];

Now create two new AttributedStrings these 2 can be attributedString because we are not manipulating them

// You will be passing the amount and decimals as properties
NSAttributedString *amount = [[NSAttributedString alloc] initWithString:@"10" attributes:bigFontSize];
NSAttributedString *decimalAmount = [[NSAttributedString alloc] initWithString:@"00" attributes:smallFontSize];

Now try to append both amount and decimalAmount to the mutableAttributedString that was the reason we made the first one mutable so we can append to it later

[mutableAttriString appendAttributedString:amount];
[mutableAttriString appendAttributedString:decimalAmount];

Each label has a property called text and another one called attributedText add it to the attributedText property

self.priceLabel.attributedText = mutableAttriString

Here is the screenshot of the label change the font and colours to your liking.