스타일 Facebook 및 Google 로그인 버튼 Xamarin.Forms 휴대용 프로젝트

Question

Xamarin Forms에서 iOS 및 Android 용 앱을 개발 중이며 Google 및 Facebook 로그인 기능을 구현했습니다. 저는 휴대용 프로젝트에서 그렇게했으며 "Facebook에서 로그인"버튼처럼 보이도록 버튼 스타일을 지정하려고했지만 Android 및 iOS 용 템플릿 만 찾았습니다. 내 MainPage.xaml에 버튼을 추가하여 버튼이보기에만 추가되지만 iOS 및 Android 앱에는이 버튼이 표시됩니다.

<Button x:Name="facebookLoginButton" Text="Facebook Login" Clicked="FacebookLoginButton_Clicked"/> 
<Button x:Name="googleLoginButton" Text="Google Login" Clicked="GoogleLoginButton_Clicked"/> 

는 페이스 북 here을위한 디자인 가이드 라인있어하지만 난에서 MainPage.xaml에 버튼을 추가하는 것을 가능하게 도서관을 찾고 있어요 :

은 지금은 어떤 스타일없이 다음과 같다 나만의 버튼을 스타일링하지 않아도됩니다. 한마디로

:

당신은 할 수 있습니다 내가 XAML 파일에서 사용할 수있는 자 마린 양식에 대한 다음과 같은 안드로이드 레이아웃 코드를 찾고 있어요

<com.facebook.widget.LoginButton 
     xmlns:fb="http://schemas.android.com/apk/res-auto" 
     android:id="@+id/loginFacebookButton" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     fb:login_text="@string/loginFacebookButton" 
     fb:logout_text="" 
     style="@style/FacebookLoginButton"/> 

Answer 1

당신은이 일의 3 가지 방법이

,321 :

<Frame CornerRadius="3" BackgroundColor="#4167b2" HeightRequest="60" Margin="20" Padding="0" HasShadow="false"> 
    <StackLayout Orientation="Horizontal" Padding="5"> 
     <Image HeightRequest="80" Aspect="AspectFill" Source="http://3daystartup.org/wp-content/uploads/2011/07/facebook-logo-png-white-facebook-logo-png-white-facebook-icon-png-32.png" /> 
     <Label Text="Continue with Facebook" VerticalOptions="CenterAndExpand" FontSize="20" FontAttributes="Bold" /> 
     <StackLayout.GestureRecognizers> 
      <TapGestureRecognizer x:Name="FacebookButton" AutomationId="FacebookButton" Command="{Binding FacebookButtonCommand}" /> 
     </StackLayout.GestureRecognizers> 
    </StackLayout> 
</Frame> 

당신은 그것을 이미지 방법을 수행 할 수 있습니다 그것에게 XAML 방법을 0

두 가지 방법은 그래서 당신은 내가 XAML에서 전체 페이지의 스타일과 안드로이드 프로젝트의 XML 파일에있는 버튼을 정의에 추가 할 수 있다면 그것도 괜찮을 것 그것은 나를 위해