自定义Facebook登录按钮 - Android

Question

我正在遵循这个教程,但到目前为止我无法使它工作,虽然这是从一年前左右...

我正在使用androidStudo 1.2.2和FacebookSDK 4.

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

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

有没有人在FacebookSDK4.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

简单的答案是添加facebookButton.performClick()内部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();
        }
    });

这将实现这一目标: