如何自定义com.facebook.widget.LoginButton的ui

时间:2014-01-26 14:24:51

标签: android facebook android-layout android-widget

我按照本教程(this)实现了facebook登录,虽然它可以相应地登录和检索我的电子邮件,但我想实现自定义登录图标的问题。

这是我尝试登录xml

   <com.facebook.widget.LoginButton
        android:id="@+id/authButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="30dp"
        android:src="@drawable/ic_launcher" />

活动:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    lblEmail = (TextView) findViewById(R.id.t);

    LoginButton authButton = (LoginButton) findViewById(R.id.authButton);
    authButton.setOnErrorListener(new OnErrorListener() {

        @Override
        public void onError(FacebookException error) {
            Log.i(TAG, "Error " + error.getMessage());
        }
    });
    // set permission list, Don't foeget to add email
    authButton.setReadPermissions(Arrays.asList("basic_info", "email"));
    // session state call back event
    authButton.setSessionStatusCallback(new Session.StatusCallback() {

        @SuppressWarnings("deprecation")
        @Override
        public void call(Session session, SessionState state,
                Exception exception) {

            if (session.isOpened()) {
                Log.i(TAG, "Access Token" + session.getAccessToken());
                Request.executeMeRequestAsync(session,
                        new Request.GraphUserCallback() {
                            @Override
                            public void onCompleted(GraphUser user,
                                    Response response) {
                                if (user != null) {
                                    Log.i(TAG, "User ID " + user.getId());
                                    Log.i(TAG,
                                            "Email "
                                                    + user.asMap().get(
                                                            "email"));
                                    lblEmail.setText(user.asMap()
                                            .get("email").toString());
                                }
                            }
                        });
            }

        }
    });
}

@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    Session.getActiveSession().onActivityResult(this, requestCode,
            resultCode, data);
}

由于

1 个答案:

答案 0 :(得分:1)

我不久前自己做过这个,它需要更改后台资源,但是通过XML进行操作不会起作用,因为它在构造函数中是硬编码的。

您应该扩展LoginButton类并创建如下所示的双参数构造函数

  public LoginButton(Context context, AttributeSet attrs) {
     super(context, attrs);
     this.setBackgroundResource(R.drawable.my_own_drawable);
     this.setCompoundDrawablesWithIntrinsicBounds(R.drawable.my_own_icon, 0, 0, 0);
  }