android facebook and google login. custom button shapes

David

I saw on app that has circle facebook and twitter images. I will add screenshot enter image description here

Question is how they made facebook button circle shape? I know how to add custom text or background image on standart facebook button.

   <com.facebook.login.widget.LoginButton
            android:text=""
            android:id="@+id/facebook_login_button"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:background="@drawable/facebook_logo_button"
            android:layout_gravity="center_horizontal"
          />

But my result is different from what I expected enter image description here

AmeeJoshi

You can use this class

public class Signup extends Activity{

   private AccessToken accessToken;

 @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);


 // If the access token is available already assign it.
        accessToken = AccessToken.getCurrentAccessToken();


        btn_facebook = (Button) findViewById(R.id.facebook_button);
        btn_facebook.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (AccessToken.getCurrentAccessToken() != null) {
                    //  LoginManager.getInstance().logOut();
                    LoginManager.getInstance().logInWithReadPermissions(SignUpOption.this, Arrays.asList("public_profile", "email", "user_friends"));
                } else {
                    LoginManager.getInstance().logInWithReadPermissions(SignUpOption.this, Arrays.asList("public_profile", "email", "user_friends"));
                }
            }
        });


          LoginManager.getInstance().registerCallback(callbackManager,
                new FacebookCallback<LoginResult>() {

                    @Override
                    public void onSuccess(final LoginResult loginResult) {

                        AccessToken accessToken = AccessToken
                                .getCurrentAccessToken();

                        GraphRequest request = GraphRequest.newMeRequest(
                                loginResult.getAccessToken(),
                                new GraphRequest.GraphJSONObjectCallback() {
                                    @Override
                                    public void onCompleted(final JSONObject object, GraphResponse response) {
                                        try {
                                            id = object.optString("id").toString();
                                            fullName = object.optString("name").toString();
                                            String array[] = fullName.split(" ");
                                            firstName = array[0].toString();
                                            lastName = array[1].toString();
                                            gender = object.optString("gender").toString();

                                            profilePicUrl = "https://graph.facebook.com/" + object.getString("id").toString()
                                                    + "/picture?type=large&return_ssl_resources=1";
                                            birthday = object.optString("birthday");
                                            try {
                                                emailAddress = object.getString("email").toString();
                                            } catch (JSONException e) {
                                                e.printStackTrace();
                                                emailAddress = "";
                                            }


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

                    }

                    @Override
                    public void onCancel() {
                        AccessToken.setCurrentAccessToken(null);
                    }

                    @Override
                    public void onError(FacebookException exception) {
                        AccessToken.setCurrentAccessToken(null);
                       // Toast.makeText(SignUpOption.this, exception.getMessage(), Toast.LENGTH_LONG).show();
                        ShowMsg(exception.getMessage());
                    }
                });

  }


}

Design code :

<view
        android:id="@+id/facebook_button"
        class="Utils.CustomButton"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_marginTop="@dimen/dp_15"
        android:textAllCaps="false"
        android:background="@mipmap/fb_icon_big"
        android:text="Sign-Up with Facebook"
        android:textColor="@android:color/white"
        android:gravity="center"
       />

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Custom Facebook Login Button - Android

From Dev

Custom Facebook Login Button Android

From Dev

Custom facebook login button in android studio

From Dev

Custom Facebook login button

From Dev

Custom Facebook login button image in Facebook Android SDK 3.5

From Dev

Android Google Login Button and Facebook sdk 4+ Button Layout

From Dev

Login with Facebook using custom button

From Dev

Custom Facebook Login button iOS

From Dev

Android Facebook login without Facebook login button

From Dev

Replace Google Plus login button with custom image in android

From Dev

how to login with facebook with custom login button using facebook sdk

From Dev

Facebook Login button: apply custom style

From Dev

Custom Share, Login Button for Facebook SDK iOS

From Dev

Facebook Login custom UI button for web

From Dev

iOS Custom Facebook Login Button with New Firebase

From Dev

Custom Share, Login Button for Facebook SDK iOS

From Dev

iOS Custom Facebook Login Button with New Firebase

From Dev

HTML and CSS - Custom Facebook Login Button

From Dev

Facebook login without using facebook login button on Android with native dialog

From Dev

Facebook login without using facebook login button on Android with native dialog

From Dev

custom facebook login button leaves blank login popup

From Dev

Facebook login button blocks whole android activity

From Dev

How to customize Facebook Login Button in Android

From Dev

Exception loading Facebook Login Button in Android Studio

From Dev

Customizing Facebook login button in Android Application

From Dev

android - how to change the text on facebook login button

From Dev

Android: Drawing custom shapes

From Dev

Custom Button with Facebook SDK 4 (Android)

From Dev

Retrieve Facebook pages likes using custom login button

Related Related

  1. 1

    Custom Facebook Login Button - Android

  2. 2

    Custom Facebook Login Button Android

  3. 3

    Custom facebook login button in android studio

  4. 4

    Custom Facebook login button

  5. 5

    Custom Facebook login button image in Facebook Android SDK 3.5

  6. 6

    Android Google Login Button and Facebook sdk 4+ Button Layout

  7. 7

    Login with Facebook using custom button

  8. 8

    Custom Facebook Login button iOS

  9. 9

    Android Facebook login without Facebook login button

  10. 10

    Replace Google Plus login button with custom image in android

  11. 11

    how to login with facebook with custom login button using facebook sdk

  12. 12

    Facebook Login button: apply custom style

  13. 13

    Custom Share, Login Button for Facebook SDK iOS

  14. 14

    Facebook Login custom UI button for web

  15. 15

    iOS Custom Facebook Login Button with New Firebase

  16. 16

    Custom Share, Login Button for Facebook SDK iOS

  17. 17

    iOS Custom Facebook Login Button with New Firebase

  18. 18

    HTML and CSS - Custom Facebook Login Button

  19. 19

    Facebook login without using facebook login button on Android with native dialog

  20. 20

    Facebook login without using facebook login button on Android with native dialog

  21. 21

    custom facebook login button leaves blank login popup

  22. 22

    Facebook login button blocks whole android activity

  23. 23

    How to customize Facebook Login Button in Android

  24. 24

    Exception loading Facebook Login Button in Android Studio

  25. 25

    Customizing Facebook login button in Android Application

  26. 26

    android - how to change the text on facebook login button

  27. 27

    Android: Drawing custom shapes

  28. 28

    Custom Button with Facebook SDK 4 (Android)

  29. 29

    Retrieve Facebook pages likes using custom login button

HotTag

Archive