自定义Facebook登录按钮 - Android

时间:2015-07-09 20:46:50

标签: android facebook facebook-sdk-4.0

我跟着这个Tutorial,但到目前为止,我无法使其发挥作用,尽管这是一年前左右......

我使用的是androidStudo 1.2.2和FacebookSDK 4。

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

Example

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

naybody有没有在FacebookSDK4.0上试过这个?

这是正确的方法还是有更新的更新?

提前致谢!

8 个答案:

答案 0 :(得分:151)

第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
}

答案 1 :(得分:76)

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);
    }
    

答案 2 :(得分:14)

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

public static <S, T> Callback<TableColumn<S, T>, TableCell<S, T>> comboBoxCellFactory(ObservableList<T> items) {
    if (items == null) {
        throw new IllegalArgumentException();
    }
    return column -> new ComboBoxTableCell<S, T>(items) {

        @Override
        public void updateIndex(int i) {
            cancelEdit();
            super.updateIndex(i);
        }

    };
}

在onClick中放置LoginManager的registercallback()方法 因为这个方法会自动执行。

像:

<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"/>

玩得开心

答案 3 :(得分:10)

(没有足够的声誉来添加评论......)

我尝试了@ Shehabix的答案,在我添加此

之前无法接收回调
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    callbackManager.onActivityResult(requestCode, resultCode, data);
}

然后它运作正常。

答案 4 :(得分:7)

简单答案是在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();
        }
    });

这将实现这一目标:

enter image description here

答案 5 :(得分:1)

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

这个方法应该在内部调用&#34;成功&#34; LoginManager

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);
                    }

                }
            });
}

答案 6 :(得分:1)

我只是从我的自定义按钮调用了Facebook默认按钮,并保留了记录的每一行代码。并使其成功运行。

public class ChapterDetails {
    private String Volume,PDF;
    public ChapterDetails(){
        //empty
    }
    public ChapterDetails(String volume, String pdf) {
        Volume = volume;
        PDF = pdf;
    }

    @PropertyName("Volume")
    public String getVolume() {
        return Volume;
    }

    @PropertyName("Volume")
    public void setVolume(String volume) {
        Volume = volume;
    }

    @PropertyName("PDF")
    public String getPDF() {
        return PDF;
    }

    @PropertyName("PDF")
    public void setPDF(String PDF) {
        this.PDF = PDF;
    }
}
public class SignInFragment extends Fragment implements
> FragmentChangeListener{
>     private Button facebook;

}

答案 7 :(得分:0)

try this 

// Facebook Button
LoginButton loginButton = findViewById(R.id.loginbtn);


// Your Custom Button

 binding.fbBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                loginButton.callOnClick();
            }
        });
相关问题