自定义Facebook登录按钮 - Android

Question

我跟着这个Tutorial，但到目前为止我无法使它工作，虽然这是从一年前左右...

我正在使用androidStudo 1.2.2和FacebookSDK 4。

我想使用自定义按钮简单登录facebook，如下图所示：

现在，在本教程的示例中，我遇到了Session变量的问题，它说它无法解决它，也没有getActivity()

有没有人在Facebook SDK 4.0上试过这个？

这是正确的方法还是有更新的东西？

提前致谢！

Answer 1

第1步：首先添加FrameLayout并使facebook按钮可见性=“消失”并添加您的自定义按钮。别忘了把xmlns:facebook="http://schemas.android.com/apk/res-auto"放在你的主要布局中。

<FrameLayout
        android:id="@+id/FrameLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <com.facebook.login.widget.LoginButton
            android:id="@+id/login_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:visibility="gone" />

        <Button
            android:id="@+id/fb"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#416BC1"
            android:onClick="onClick"
            android:text="FaceBook"
            android:textColor="#ffffff"
            android:textStyle="bold" />
    </FrameLayout>

第2步：在选择布局之前，在FacebookSdk中初始化onCreate。

FacebookSdk.sdkInitialize（this.getApplicationContext（））;

第3步：将其添加到您的java文件中。

callbackManager = CallbackManager.Factory.create();

fb = (Button) findViewById(R.id.fb);
loginButton = (LoginButton) findViewById(R.id.login_button);

List < String > permissionNeeds = Arrays.asList("user_photos", "email",
    "user_birthday", "public_profile", "AccessToken");
loginButton.registerCallback(callbackManager,
new FacebookCallback < LoginResult > () {@Override
    public void onSuccess(LoginResult loginResult) {

        System.out.println("onSuccess");

        String accessToken = loginResult.getAccessToken()
            .getToken();
        Log.i("accessToken", accessToken);

        GraphRequest request = GraphRequest.newMeRequest(
        loginResult.getAccessToken(),
        new GraphRequest.GraphJSONObjectCallback() {@Override
            public void onCompleted(JSONObject object,
            GraphResponse response) {

                Log.i("LoginActivity",
                response.toString());
                try {
                    id = object.getString("id");
                    try {
                        URL profile_pic = new URL(
                            "http://graph.facebook.com/" + id + "/picture?type=large");
                        Log.i("profile_pic",
                        profile_pic + "");

                    } catch (MalformedURLException e) {
                        e.printStackTrace();
                    }
                    name = object.getString("name");
                    email = object.getString("email");
                    gender = object.getString("gender");
                    birthday = object.getString("birthday");
                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
        });
        Bundle parameters = new Bundle();
        parameters.putString("fields",
            "id,name,email,gender, birthday");
        request.setParameters(parameters);
        request.executeAsync();
    }

    @Override
    public void onCancel() {
        System.out.println("onCancel");
    }

    @Override
    public void onError(FacebookException exception) {
        System.out.println("onError");
        Log.v("LoginActivity", exception.getCause().toString());
    }
});

第4步：不要忘记添加以下代码。

@Override
protected void onActivityResult(int requestCode, int responseCode,
Intent data) {
    super.onActivityResult(requestCode, responseCode, data);
    callbackManager.onActivityResult(requestCode, responseCode, data);
}

步骤5：设置自定义按钮单击以按下FacebookLogin按钮。

public void onClick(View v) {
    if (v == fb) {
        loginButton.performClick();
    }
 }

步骤6：对于以编程方式注销，请使用此选项。

。LoginManager.getInstance（）退出（）;

第7步：您可以找到用户登录或未登录的用户。

profile = Profile.getCurrentProfile().getCurrentProfile();
if (profile != null) {
    // user has logged in
} else {
    // user has not logged in
}

Answer 2

所选答案的IMO部分是一种解决办法，而不是正确的解决方案。所以需要改变以使其正确的是以下内容：

1. 从XML中删除“com.facebook.login.widget.LoginButton”

   <com.facebook.login.widget.LoginButton
           android:id="@+id/login_button"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:visibility="gone" />

2. 删除Java代码中对“LoginButton”的所有引用
3. 使用Facebook的“LoginManager”类，其目的如下：

   @Override
   protected void onCreate(Bundle savedInstanceState) {
       // Some code
       callbackManager = CallbackManager.Factory.create();
       LoginManager.getInstance().registerCallback(
           callbackManager,
           new FacebookCallback < LoginResult > () {
               @Override
               public void onSuccess(LoginResult loginResult) {
                   // Handle success
               }
   
               @Override
               public void onCancel() {
               }
   
               @Override
               public void onError(FacebookException exception) {
               } 
          }
      );
   }
   
   public void onClick(View v) {
      if (v == fb) {
          LoginManager.getInstance().logInWithReadPermissions(
              this,
              Arrays.asList("user_photos", "email", "user_birthday", "public_profile")
          );
      }
   }
   
   // this part was missing thanks to wesely
   @Override
   protected void onActivityResult(int requestCode, int resultCode, Intent data) {
       super.onActivityResult(requestCode, resultCode, data);
       callbackManager.onActivityResult(requestCode, resultCode, data);
   }

Answer 3

这很简单。在布局文件中添加一个按钮，如

<Button
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:text="Login with facebook"
    android:textColor="#ffff"
    android:layout_gravity="center"
    android:textStyle="bold"
    android:onClick="fbLogin"
    android:background="@color/colorPrimary"/>

并且在onClick上放置了LoginManager registercallback（）方法因为这个方法会自动执行。

喜欢：

  public void fbLogin(View view)
{
    // Before Edit:
    // LoginManager.getInstance().logInWithReadPermissions(this, Arrays.asList("user_photos", "email", "public_profile", "user_posts" , "AccessToken"));

    LoginManager.getInstance().logInWithReadPermissions(this, Arrays.asList("user_photos", "email", "public_profile", "user_posts"));
    LoginManager.getInstance().logInWithPublishPermissions(this, Arrays.asList("publish_actions"));
    LoginManager.getInstance().registerCallback(callbackManager,
            new FacebookCallback<LoginResult>()
            {
                @Override
                public void onSuccess(LoginResult loginResult)
                {
                    // App code
                }

                @Override
                public void onCancel()
                {
                    // App code
                }

                @Override
                public void onError(FacebookException exception)
                {
                    // App code
                }
            });
}

玩得开心

Answer 4

（没有足够的声誉来添加评论......）

我试过@ Shehabix的答案，在我添加之前无法接收回调

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    callbackManager.onActivityResult(requestCode, resultCode, data);
}

然后它工作正常。

Answer 5

The Simple answer is add facebookButton.performClick() inside cutomBtn.setOnClickListener

    <!-- connect with Facebook -->
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <com.facebook.login.widget.LoginButton
            android:id="@+id/fb_connect"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:textSize="@dimen/login_fb_font_size"
            android:visibility="invisible" />

        <LinearLayout
            android:id="@+id/mfb_connect"
            style="@style/facebook_button">

            <ImageView
                style="@style/login_connect_icon"
                android:src="@drawable/ic_facebook" />

            <TextView
                style="@style/login_connect_text"
                android:text="@string/login_connect_facebook" />
        </LinearLayout>
    </RelativeLayout>

...

private LoginButton fb_connect;
private LinearLayout mfb_connect;

...

    // the button from facebook sdk
    fb_connect = (LoginButton) findViewById(R.id.fb_connect);
    // handle the click from my custom button to perfrom action click on facebook sdk button
    mfb_connect = (LinearLayout) findViewById(R.id.mfb_connect);
    mfb_connect.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            fb_connect.performClick();
        }
    });

---

That will achieve this:

Answer 6

补充Harvi和Shehabix的答案，我建议添加此方法，因为这会在Firebase Auth中注册身份验证。

这个方法应该在LoginManager的“On Success”中调用。

private void handleFacebookAccessToken(AccessToken token) {

    AuthCredential credential = FacebookAuthProvider.getCredential(token.getToken());
    mAuth.signInWithCredential(credential)
            .addOnCompleteListener(this, new OnCompleteListener<AuthResult>() {
                @Override
                public void onComplete(@NonNull Task<AuthResult> task) {
                    if (task.isSuccessful()) {

                        //Toast.makeText(MainActivity.this, "Autenticando",Toast.LENGTH_SHORT).show();

                    } else {
                        // If sign in fails, display a message to the user.
                        Toast.makeText(MainActivity.this, "Authentication failed.",
                                Toast.LENGTH_SHORT).show();
                        //updateUI(null);
                    }

                }
            });
}