在Twitter Fabric上使用自定义登录按钮?

时间:2014-12-03 09:22:03

标签: android twitter twitter-fabric

我一直在尝试使用普通按钮来执行twitter sdk的身份验证过程,但它似乎不起作用。有没有尝试过类似的东西?

  • 我已正确设置API密钥等。
  • 登录过程正确执行但似乎没有调用回调部分。
  • 我的日志都没有执行(成功或失败部分都没有)

代码

buttonTwitterLogin.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {

        Twitter.logIn(LoginActivity1.this, new Callback<TwitterSession>() {
            @Override
            public void success(Result<TwitterSession> twitterSessionResult) {
                Log.i(TAG, "success");
                Log.i(TAG, twitterSessionResult.toString());
            }

            @Override
            public void failure(TwitterException e) {
                Log.e(TAG, "failed");
            }
        });
    }
});

5 个答案:

答案 0 :(得分:101)

您可以使用TwitterAuthClient来实现此目的。即,

首先创建普通按钮,

<Button
      android:id:"@+id/twitter_custom_button"
      ...  />

现在,在您的java类文件中使用TwitterAuthClient而不是TwitterLoginButton。然后在CallBack的{​​{1}}

内设置Button
onClick

答案 1 :(得分:46)

实际上有一种方法可以做到这一点

 private TwitterAuthClient client;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_login);

    TwitterAuthConfig authConfig = new TwitterAuthConfig(TWITTER_KEY, TWITTER_SECRET);
    Fabric.with(this, new Twitter(authConfig));
    client = new TwitterAuthClient();


    Button customLoginButton = (Button) findViewById(R.id.custom_twitter_login);
    customLoginButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            client.authorize(LoginActivity.this, new Callback<TwitterSession>() {
                @Override
                public void success(Result<TwitterSession> twitterSessionResult) {
                    Toast.makeText(LoginActivity.this, "success", Toast.LENGTH_SHORT).show();
                }

                @Override
                public void failure(TwitterException e) {
                    Toast.makeText(LoginActivity.this, "failure", Toast.LENGTH_SHORT).show();
                }
            });
        }
    });
}

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

请注意,onActivityResult部分非常重要,您似乎失去了它。

这是我的xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">


<Button
    android:id="@+id/custom_twitter_login"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/padding_medium"
    android:text="@string/twitter_login"/>

答案 2 :(得分:30)

由于Fabric还没有允许使用主题,我们应该假设我们必须编写可能丢弃代码才能使其工作。因此,当我知道我不会保留它时,我更喜欢更少的代码来代码。

Luis的解决方案可以正常工作,但我的UI已经完成,已经有了一个按钮,我只想让该按钮工作。以下是我如何实现这一目标的。

按照Fabric向导的要求放入TwitterLoginButton,但将其设置为visibility:gone

 <com.twitter.sdk.android.core.identity.TwitterLoginButton
    android:id="@+id/twitter_login_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:visibility="gone" />

在Activity中拉出loginButton的引用(也是Fabric设置的一部分 - 这里没什么新东西):

loginButton = (TwitterLoginButton) findViewById(R.id.twitter_login_button);

最后,对于我现有的按钮,我添加了一个点击监听器,它只是将点击事件委托给twitter登录按钮。

myLoginButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            loginButton.performClick();
        }
    });

像魅力一样工作。

答案 3 :(得分:21)

来自Twitter的开发者关系团队的Luis。 Fabric将支持未来的主题,同时您可以通过创建继承自TwitterLoginButton的自定义视图来自定义按钮。

Cannonball示例应用程序实现了一个自定义按钮:

public class CannonballTwitterLoginButton extends TwitterLoginButton {
    public CannonballTwitterLoginButton(Context context) {
        super(context);
        init();
    }

    public CannonballTwitterLoginButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public CannonballTwitterLoginButton(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    private void init() {
        if (isInEditMode()){
            return;
        }
        setCompoundDrawablesWithIntrinsicBounds(getResources().getDrawable(R.drawable
                .ic_signin_twitter), null, null, null);
        setBackgroundResource(R.drawable.sign_up_button);
        setTextSize(20);
        setPadding(30, 0, 10, 0);
        setTextColor(getResources().getColor(R.color.tw__blue_default));
        setTypeface(App.getInstance().getTypeface());
    }
}

https://github.com/twitterdev/cannonball-android/blob/master/app/src/main/java/io/fabric/samples/cannonball/view/CannonballTwitterLoginButton.java

布局文件:

<io.fabric.samples.cannonball.view.CannonballTwitterLoginButton
    android:id="@+id/twitter_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/sign_up_button"
    android:layout_marginTop="@dimen/login_button_margin_top"
    android:layout_marginBottom="@dimen/login_button_margin_bottom"
    android:layout_marginLeft="@dimen/login_button_margin_start"
    android:layout_marginStart="@dimen/login_button_margin_start"
    android:layout_marginRight="@dimen/login_button_margin_end"
    android:layout_marginEnd="@dimen/login_button_margin_end"
    android:text="@string/sign_in_with_twitter"
    android:textColor="@color/grayish_blue"
    android:textSize="@dimen/login_button_text_size"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true" />

https://github.com/twitterdev/cannonball-android/blob/master/app/src/main/res/layout/activity_login.xml

回叫设置:

private void setUpTwitterButton() {
    twitterButton = (TwitterLoginButton) findViewById(R.id.twitter_button);
    twitterButton.setCallback(new Callback<TwitterSession>() {
        @Override
        public void success(Result<TwitterSession> result) {
            SessionRecorder.recordSessionActive("Login: twitter account active", result.data);
            startThemeChooser();
        }

        @Override
        public void failure(TwitterException exception) {
            Toast.makeText(getApplicationContext(),
                    getResources().getString(R.string.toast_twitter_signin_fail),
                    Toast.LENGTH_SHORT).show();
            Crashlytics.logException(exception);
        }
    });
}

https://github.com/twitterdev/cannonball-android/blob/master/app/src/main/java/io/fabric/samples/cannonball/activity/LoginActivity.java

我强烈建议您克隆代码并查看它。

答案 4 :(得分:2)

您还可以通过执行twitter登录按钮的默认实现来避免创建CustomTwitterLoginButton类,然后执行以下操作:

twitterLoginButton.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
    twitterLoginButton.setBackgroundResource(R.drawable.btn_twitter);
    twitterLoginButton.setCompoundDrawablePadding(0);
    twitterLoginButton.setPadding(0, 0, 0, 0);
    twitterLoginButton.setText("Login with Twitter");
    twitterLoginButton.setTextSize(18);