facebook 로그인 버튼 사용자 정의

Question

페이스 북 로그인 버튼을 사용하여 사용자가 페이스 북을 통해 내 서비스에 로그인 할 수 있도록합니다. 하지만 기본 페이 스북 로그인 버튼은 예상 한대로 내 앱 디자인에 맞지 않습니다. 페이 스북 로그인 버튼을 이메일 버튼과 같게하고 싶습니다. 중앙에 "f"가 표시됩니다 (첨부 된 그림 참조). 단추의 배경을 사용자 지정 배경으로 설정하려고했습니다.

여기에 사용자 정의 버튼에 대한 코드입니다 :

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"> 
    <solid 
     android:color="#E1C8FF" 
     /> 
</shape> 

는 여기에 버튼 XML의 :

<com.facebook.login.widget.LoginButton 
      android:id="@+id/btn_facebook_signup" 
      android:layout_width="90dp" 
      android:layout_height="90dp" 
      android:layout_margin="8dp" 
      android:src="@drawable/ic_fb_login" 
      facebook:com_facebook_login_text="" 
      android:background="@drawable/round_button"/> 

하고 버튼에서 해당 흰색 페이스 북 아이콘을 제거 할 수있는 방법이있다?

Answer 1

당신은 다른 쉬운 방법에서이 기능을 달성 할 수있다. 처음에는 상대 레이아웃을 취하고이 상대 레이아웃 안에 페이스 북 로그인 버튼 코드를 배치합니다. 그러나이 버튼의 표시 속성을 보이지 않게 설정하십시오. facebook 버튼이 표시되지 않으므로 보이지 않습니다. 이제이 상대 레이아웃 안에 맞춤형 Facebook 버튼 디자인을 넣고 클릭 리스너를 추가하십시오.

두 번째 버튼에 "customFbBtn"이라는 이름을 지정했다고 가정합니다. 따라서 사용자가이 버튼을 클릭하면 청취자 콜백이 트리거되고 프로그래밍 방식으로 페이스 북 버튼을 클릭해야합니다. 아래 코드를 사용하면됩니다.

facebookSignInBtn.performClick(); 

이렇게하면 맞춤 디자인을 페이스 북 버튼에 줄 수 있습니다.