web-dev-qa-db-ja.com

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");
            }
        });
    }
});
androidtwittertwitter-fabric
25
Vannen

TwitterのDeveloper Relationsチームの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

コードのクローンを作成して確認することを強くお勧めします。

21
Cipriani

TwitterAuthClientを使用してこれを実現できます。すなわち、

まず、次のような通常のボタンを作成します。

<Button
      Android:id:"@+id/Twitter_custom_button"
      ...  />

さて、あなたの中でJavaクラスファイルはTwitterAuthClientの代わりにTwitterLoginButtonを使用します。そしてCallBackのButton 's onClick

TwitterAuthClient mTwitterAuthClient= new TwitterAuthClient();

Button Twitter_custom_button = (Button) findViewById(R.id.Twitter_custom_button);
Twitter_custom_button.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {


             mTwitterAuthClient.authorize(this, new com.Twitter.sdk.Android.core.Callback<TwitterSession>() {

                       @Override
                       public void success(Result<TwitterSession> twitterSessionResult) {
                           // Success
                       }

                       @Override
                       public void failure(TwitterException e) {
                           e.printStackTrace();
                       }
            });


        }
});



@Override
protected void onActivityResult(int requestCode, int responseCode, Intent intent) {
    mTwitterAuthClient.onActivityResult(requestCode, responseCode, intent);
}
103
Jaydipsinh Zala

まあ実際にこれを行う方法があります

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

Fabricはまだテーマを許可していないので、これを機能させるために潜在的に捨てるコードを書かなければならないと仮定すべきです。そのため、保持しないことがわかっている場合は、より多くのコードよりも少ないコードを好みます。

Luisのソリューションは正常に機能しますが、私のUIはボタンで既に完了しており、そのボタンが機能することを望んでいました。これが私がどのように達成したかです。

Fabricウィザードの要求に応じてTwitterLoginButtonをドロップしますが、可視性に設定します。

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

アクティビティでloginButtonの参照を取得します（これもFabricセットアップの一部です-ここでは新しいものはありません）。

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

最後に、既存のボタンにクリックリスナーを追加しました。これは、クリックイベントをTwitterログインボタンに委任するだけです。

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

魅力のように働いた。

30
Lo-Tan

また、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);
2
gilsaints88