Continue With Facebook

Question

こんにちは
いつも教えてくださる皆さまありがとうございます。
今後もよろしくお願い致します。
今回の質問なのですが、Facebookログインのアプリケーションを作成したのですが、ContinueWithFacebookというボタンがLabelが隠れてしまうのですが移動させる方法は何かあるのでしょうか。
よろしくお願い致します。

import UIKit
import FBSDKCoreKit
import FBSDKLoginKit
import FacebookCore
import FacebookLogin
import Firebase


class ViewController: UIViewController,LoginButtonDelegate {
 
    

    let fbLoginButton:FBLoginButton = FBLoginButton()
    var displayName = String()
    var pictureURL = String()
    var pictureURLString = String()
    
    
    override func viewDidLoad() {
        super.viewDidLoad()

        fbLoginButton.delegate = self
        fbLoginButton.frame = CGRect(x: view.frame.size.width/2 -  view.frame.size.width/4, y:  view.frame.size.height/4 , width:  view.frame.size.width/2, height: 30)
        fbLoginButton.permissions = ["public_profile,email"]
        view.addSubview(fbLoginButton)
        

    }
    
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        
        navigationController?.isNavigationBarHidden = true
        
    }
    
    
    
    
    func loginButton(_ loginButton: FBLoginButton, didCompleteWith result: LoginManagerLoginResult?, error: Error?) {
         
        if error == nil{
            
            if result?.isCancelled == true{
                
                return
            }
            
        }
        
        
        let credential = FacebookAuthProvider.credential(withAccessToken: AccessToken.current!.tokenString)
        Auth.auth().signIn(with: credential) { (result, error) in
            
            if let error = error{
                
                return
                
            }
         
            self.displayName = result!.user.displayName!
            self.pictureURLString = result!.user.photoURL!.absoluteString
            self.pictureURLString =  self.pictureURLString + "?type=large"
            UserDefaults.standard.set(1, forKey: "loginOK")
            UserDefaults.standard.set(self.displayName, forKey: "displayName")
            UserDefaults.standard.set(self.pictureURLString, forKey: "pictureURLString")
            
            let nextVC = self.storyboard?.instantiateViewController(identifier: "next") as! NextViewController
            
            self.navigationController?.pushViewController(nextVC, animated: true)
            
            
        }
        
        
        
     }
     
    
    func loginButtonWillLogin(_ loginButton: FBLoginButton) -> Bool {
        
        return true
        
    }
    
    
    
     func loginButtonDidLogOut(_ loginButton: FBLoginButton) {
         print("ログアウトしました！")
     }


}

import UIKit
import SDWebImage

class NextViewController: UIViewController {

    @IBOutlet weak var profileImageView: UIImageView!
    
    
    @IBOutlet weak var userNameLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        if UserDefaults.standard.object(forKey: "pictureURLString") != nil || (UserDefaults.standard.object(forKey: "displayName") != nil){
            
            let imageString = UserDefaults.standard.object(forKey: "pictureURLString") as! String
            
            profileImageView.sd_setImage(with: URL(string: imageString), completed: nil)
            
            profileImageView.layer.cornerRadius = 20.0
            
            let displayName = UserDefaults.standard.object(forKey: "displayName") as! String
            
            userNameLabel.text = displayName
            
            
        }
        
        
        // Do any additional setup after loading the view.
    }
    
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        
        navigationController?.isNavigationBarHidden = true
        
    }

    /*
    // MARK: - Navigation

    // In a storyboard-based application, you will often want to do a little preparation before navigation
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        // Get the new view controller using segue.destination.
        // Pass the selected object to the new view controller.
    }
    */

}

Comments

[TsukubaDepot]

どのようなソースコードを書かれたのか、StoryBoard上で作業をしているのであれば、どのようにデザインされたのか、あるいは何かのフレームワーク（ライブラリ）をつかわれたのであれば何を使ったのか詳しく書いていただかないと判断することができません。
具体的にどのような作業を行ったのか、また想定した結果はどのような結果なのかを合わせて書いていただけないでしょうか（Facebookログインはやったことがないので、私が回答できるか分かりませんが）。

[Udemy.seitaro]

TsukudaDepod様
お世話になります。
毎度回答していただいて本当にありがとうございます。
code追加したのでご確認いただけますでしょうか。
よろしくお願い致します

[TsukubaDepot]

追記ありがとうございます。
あと、
> ContinueWithFacebookというボタンがLabelが隠れてしまうのですが移動させる方法は何かあるのでしょうか。
隠れてしまう、というのはどのような状態になっていることを表現しているのでしょうか。
予想した結果と実際の結果の違いがわからないので、その点についても追記していただければと思います。
（もし何かを参考にしたのであればそのURLもあれば良いかと思います）

[Udemy.seitaro]

TsukudaDepod様
写真の方追加させていただきました。
このFacebookで続けるという部分がLabelと被ってしまっているので移動させたいという事になります。
お手数ですがよろしくお願い致します。

[TsukubaDepot]

Signinというラベルや背景は Storyboard 上で作ったものでしょうか。
そうであれば、ラベルの位置をずらすか、あるいは
fbLoginButton.frame = CGRect(x: view.frame.size.width/2 - view.frame.size.width/4, y: view.frame.size.height/4 , width: view.frame.size.width/2, height: 30)
という行の y 座標（今はview.frame.size.height/4となっているので、それをずらす）と解決しそうですが、いかがでしょうか。

[Udemy.seitaro]

TsukudaDepod様
ご回答ありがとうございます。
fbLoginButtonを下にそのまま動かしたいのですが、その方法がわからないのですが教えていただけますでしょうか。
自分の知識不足でご迷惑をおかけして申し訳ございませんがよろしくお願い致します

[Udemy.seitaro]

TsukudaDepod様
お世話になります。
https://iphone-tora.sakura.ne.jp/uikit_size.html
こちらを参考に自分なりに直してみたのですがfbLoginButtonが下がるどころか上がってしまいました。
何か修正点はあるのでしょうか。
お手数ですがよろしくお願い致します
fbLoginButton.frame = CGRect(x: view.frame.size.width/2 - view.frame.size.width/4,
y: view.frame.size.height/40 , width: view.frame.size.width/2, height: 30)

[TsukubaDepot]

変更すべき点は間違っていないのですが、与える値が適切出ないのだと思います。
回答に追記しましたので、あわせてご覧ください。

Answer 1

fbLoginButton.frame = CGRect(x: view.frame.size.width/2 - view.frame.size.width/4, y: view.frame.size.height/4 , width: view.frame.size.width/2, height: 30)

ここで使われている CGRectというメソッドは、x, yで指定した座標を原点に、幅width, 高さheightの矩形のエリアを指定するメソッドです。

• 公式ドキュメント CGRect
• 古いメソッドで紹介されているのでメソッド名が異なりますが、考え方としてはわかりやすいのは -> https://iphone-tora.sakura.ne.jp/uikit_size.html

ラベルを画面下方にずらしたいのであれば、y座標方向に移動することになりますから、移動したい座標分だけ y 軸を加算すれば良いということになります。

現在だと画面の上1/4の部分（view.frame.size.height/4）に表示されていると思います。

たとえば20ピクセル移動するのであれば単純に

fbLoginButton.frame = CGRect(x: view.frame.size.width/2 - view.frame.size.width/4, y: view.frame.size.height/4 + 20, width: view.frame.size.width/2, height: 30)

となりますし、画面のど真ん中に表示するのであれば

fbLoginButton.frame = CGRect(x: view.frame.size.width/2 - view.frame.size.width/4, y: view.frame.size.height/2 , width: view.frame.size.width/2, height: 30)

という具合に指定してみてください。

---

コメントを受けて追記

fbLoginButton.frame = CGRect(x: view.frame.size.width/2 - view.frame.size.width/4,
y: view.frame.size.height/40 , width: view.frame.size.width/2, height: 30) 

修正すべき点は間違っていないのですが、修正方法が想定と違っているようです。

view.frame.size.height/40

は、ビューの高さを40分の1にした大きさ（長さ）に等しくなります。

Comments

[Udemy.seitaro]

TsukudaDepod様
御丁寧に返信有り難うございます。
あまりにも丁寧に教えていただき心から感謝しています。
とてもわかりやすくx.yの関係性がわかりました。
ありがとうございました。
今後もよろしくお願い致します。