Firebaseを利用して、AndroidStudioでフェイスブックのログイン機能を実装したのですが、次へのステップとして、行いたいことがあります
ログイン後
・フェイスブックのアイコンイメージを、ユーザーのプロフィール画像に変更する
試したこと
・Picassoを利用してURLを画像に変換する
・getPhotoUrl().toString()を利用して画像をアップデート
同じような機能を実装した事のある方や、解決方法をご存知の片がいれば、ご教授いただけると幸いです
イメージとしては、↓の画像の中で、フェイスブックのアイコンがあるのですが、これがログインしたユーザーのフェイスブックのプロフィール写真が、「ログイン後」に表示されることが目標です
MainActivity
1import android.content.Intent; 2import android.os.Bundle; 3import android.view.View; 4import android.widget.ImageView; 5import android.widget.TextView; 6 7import androidx.appcompat.app.AppCompatActivity; 8 9import com.facebook.CallbackManager; 10import com.facebook.FacebookCallback; 11import com.facebook.FacebookException; 12import com.facebook.FacebookSdk; 13import com.facebook.login.LoginResult; 14import com.facebook.login.widget.LoginButton; 15import com.google.firebase.auth.FirebaseAuth; 16import com.google.firebase.auth.FirebaseUser; 17import com.squareup.picasso.Picasso; 18 19public class MainActivity extends AppCompatActivity { 20 21 private TextView info; 22 private LoginButton loginButton; 23 private CallbackManager callbackManager; 24 25 private ImageView mLogo; 26 27 private FirebaseAuth mFirbaseAuth; 28 private FirebaseAuth.AuthStateListener authStateListener; 29 30 @Override 31 protected void onCreate(Bundle savedInstanceState) { 32 super.onCreate(savedInstanceState); 33 setContentView(R.layout.activity_main); 34 35 mFirbaseAuth = FirebaseAuth.getInstance(); 36 37 mLogo = findViewById(R.id.image_logo); 38 39 FacebookSdk.sdkInitialize(getApplicationContext()); 40 41 callbackManager = CallbackManager.Factory.create(); 42 43 setContentView(R.layout.activity_main); 44 info = (TextView)findViewById(R.id.info); 45 loginButton = (LoginButton)findViewById(R.id.login_button); 46 47 //After Click "Logout", infoTEXT should be cleared 48 loginButton.setOnClickListener(new View.OnClickListener(){ 49 @Override 50 public void onClick(View v) { 51 info.setText(""); 52 } 53 }); 54 55 loginButton.registerCallback(callbackManager, new FacebookCallback<LoginResult>() { 56 @Override 57 public void onSuccess(LoginResult loginResult) { 58 info.setText("User ID: " + loginResult.getAccessToken().getUserId() + "\n"); 59 FirebaseUser user = mFirbaseAuth.getCurrentUser(); 60 updateUI(user); 61 } 62 63 @Override 64 public void onCancel() { 65 info.setText("Login attempt canceled."); 66 } 67 68 @Override 69 public void onError(FacebookException e) { 70 info.setText("Login attempt failed."); 71 } 72 }); 73 } 74 75 @Override 76 protected void onActivityResult(int requestCode, int resultCode, Intent data) { 77 super.onActivityResult(requestCode , resultCode , data); 78 79 callbackManager.onActivityResult(requestCode, resultCode, data); 80 } 81 82 private void updateUI(FirebaseUser user){ 83 if (user != null) { 84 if (user.getPhotoUrl() != null){ 85 String photoUrl = user.getPhotoUrl().toString(); 86 photoUrl = photoUrl + "?type=large"; 87 Picasso.get().load(photoUrl).into(mLogo); 88 } else { 89 mLogo.setImageResource(R.drawable.logo); 90 } 91 } 92 } 93}
ActivityMainXML
1<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:app="http://schemas.android.com/apk/res-auto" 3 xmlns:tools="http://schemas.android.com/tools" 4 android:layout_width="match_parent" 5 android:layout_height="match_parent" 6 tools:context=".MainActivity"> 7 8 <TextView 9 android:layout_width="wrap_content" 10 android:layout_height="wrap_content" 11 android:id="@+id/info" 12 android:layout_alignParentLeft="true" 13 android:layout_alignParentTop="true" 14 android:textSize="18sp" 15 /> 16 17 <TextView 18 android:id="@+id/test" 19 android:layout_width="95dp" 20 android:layout_height="wrap_content" 21 android:layout_alignParentLeft="true" 22 android:layout_alignParentTop="true" 23 android:layout_marginLeft="6dp" 24 android:layout_marginTop="7dp" 25 android:textSize="18sp" /> 26 27 <com.facebook.login.widget.LoginButton 28 android:id="@+id/login_button" 29 android:layout_width="match_parent" 30 android:layout_height="match_parent" 31 android:layout_alignParentBottom="true" 32 android:layout_centerVertical="true" 33 android:layout_marginBottom="333dp" /> 34 35 <ImageView 36 android:id="@+id/image_logo" 37 android:layout_width="match_parent" 38 android:layout_height="122dp" 39 android:layout_alignParentEnd="true" 40 android:layout_centerHorizontal="true" 41 android:layout_marginTop="200dp" 42 android:layout_marginEnd="3dp" 43 app:srcCompat="@drawable/com_facebook_favicon_blue" /> 44 45</RelativeLayout>
あなたの回答
tips
プレビュー