How to make a login screen, for example, Facebook?

Question

How can I create a login screen, for example, a Facebook application with the "Email" and "Password" text fields?

Facebook login

I'm really new to iOS programming, sorry if this is a simple question.

Answer 1

First of all, you should understand the creation and management of UIView and UIViewController .

You can then ask yourself if you want to create an interface through xib files or programmatically. The first way is pretty simple. Using drag and drop operations, you can create a user interface in a short time. The second, instead, is more difficult for beginners, but I think this may be an acceptable solution for understanding things.

Please note that each operation you perform in xib files can be performed programmatically.

Now I will try to explain what elements you need to create this interface.

To create an interface similar to the following, you can create an xib view interface. The view for this interface is a container for your elements. In the container view, you can add a UITableView grouped style. This UITableView has 2 rows, and each row allows you to enter text using a UITextField . To do this, you need to create it programmatically. There is no chance to do this with xib.

Login and registration can be created with two UIButton s. These buttons require several actions.

Finally, a background image can be programmed as a background image for your container.

This is a simple description of how to create such an interface. Before you begin, I suggest you read a few guides on how to:

• Use UIView and UIViewController
• Create an interface through xib
• Interaction with the xib interface through output and actions
• Use UITableView and Understand Its Management
• Customize or Modify UItableViewCell
• Use UIImageView and / or UIImage

A good starting point for developing iOS applications is www.raywenderlich.com/tutorials .

Hope this helps.

Answer 2

1) In your Xib file..ad viewing the image ... set it to the image you want ... it will be the background, as in fig. Facebook (blue), and this image should contain medium (email and password background)).

2) Drag a UITextField onto it. Make background custom.

Answer 3

Since you are a beginner. I will indicate the details ... and then you will search for them in such a way that you understand better:

A search for each of these things on google..cant provides information for everyone.

1) In your Xib file..ad viewing the image ... set it to the image you want ... it will be the background, as in fig. Facebook (blue)

2) The middle part is a UITableViewCell with one section and two rows .. search on it.

3) Both login and registration are UIButtons..add them in xib and make them IBOutlets..search for a search on it