Swift Combat-Small QQ (The 1th chapter): QQ Login Interface

1. New Small QQ Project

2. Add the required picture resources (Resource) folder to the project. and create a new login page: Loginviewcontroller.swift

3. Modify the Loginviewcontroller.swift code to

Import Uikitclass Loginviewcontroller:uiviewcontroller {    //}

4. Associate the default view view of the Main.storyboard with the Loginviewcontroller controller and drag the controls into the view layout.

The simple layout is as follows

5. Login button Fillet

1 class Loginviewcontroller:uiviewcontroller {2     // Login Button 3     @IBOutlet weak var btnlogin:uibutton! 4     Override func viewdidload () {5         // 6         btnlogin.layer.cornerradius=4.07         btnlogin.layer.maskstobounds=true8      }9 }

6. Run a look at the effect:

7. Perfect the app's Launchscreen.xib and logo icon settings
Remove the label from the Launchscreen view and put only one picture

Locate the Info.plist file in the supoorting files directory double-click Open, add node: Bundle display name is "small QQ", and add a node icon file set to "[email protected]" The name of the logo you want to set.

This chapter is not finished, ... Thank you for your support: I qq:623632017

Swift Combat-Small QQ (The 1th chapter): QQ Login Interface