2017-12-12 3 views
1

나는 Xamarin 폼 애플 리케이션을위한 XAML에서 다음과 같은 레이아웃을 만들려고합니다. enter image description hereXamarin 안드로이드에서 프레임 오버 이미지 오버

여기 내 코드입니다

<AbsoluteLayout 
    HorizontalOptions="FillAndExpand" 
    HeightRequest="350"> 
    <Frame 
     AbsoluteLayout.LayoutFlags="SizeProportional" 
     AbsoluteLayout.LayoutBounds="0,0,1,1" 
     BackgroundColor="White" 
     HasShadow="true" 
     CornerRadius="10" 
     Margin="20,25,20,25"> 
     <StackLayout> 
     </StackLayout> 
    </Frame> 
    <Image 
     AbsoluteLayout.LayoutFlags="PositionProportional" 
     AbsoluteLayout.LayoutBounds="0.5,1,50,50" 
     Source=“icon.png”/> 
</AbsoluteLayout> 

그것은 IOS에 잘 작동하지만 아이콘 이미지가 안드로이드에 제대로 표시되지 않습니다. 다음 스크린 샷을 살펴보십시오.

enter image description here

것은 나를 해결하기 위해 도와주세요!

+0

것은 당신이 사용하고 Xamarin.Forms의'2.5.0.121934'? – SushiHangover

+0

확실한 최신 버전을 사용하고 있습니다. –

+0

이것은 2.5의 버그이며, 다른 몇 가지 Z- 순서 문제도 있습니다. 렌더러가 작동하는 방식 때문에 페이지의 뷰에서 RaiseChild를 사용할 수 없습니다 .actor – SushiHangover

답변

0

시도해보십시오.

<AbsoluteLayout HorizontalOptions="FillAndExpand" HeightRequest="350"> 
      <Frame AbsoluteLayout.LayoutFlags="SizeProportional" AbsoluteLayout.LayoutBounds="0.5,0.5,1,1" 
        BackgroundColor="White" HasShadow="true" 
        CornerRadius="10" 
        Margin="20,25,20,25"> 
       <StackLayout> 
       </StackLayout> 
      </Frame> 
      <Frame AbsoluteLayout.LayoutFlags="PositionProportional" Padding="0,0,0,0" 
        AbsoluteLayout.LayoutBounds="0.5,1,50,50" VerticalOptions="Fill" HorizontalOptions="Fill"> 
       <Image Margin="0,0,0,0" Aspect="AspectFill" Source="icon.png"/> 
      </Frame> 
     </AbsoluteLayout> 

스크린 샷

enter image description here

+0

나는 이미 시도했지만 작동하지 않습니다. –

+0

나를 위해 잘 작동하기 때문에 내 코드를 실제로 시도 했습니까? 위의 스크린 샷을 확인하십시오. –

+0

이미지의 프레임에 HasShadow = "false"를 추가하면 작동하지 않습니다. –

0

nitish-gawde의 대답은 거짓으로 설정 이미지의 프레임 HasShadow과 나를 위해 작동하지 않았다 @. 나를 위해 일한 해결 방법은 다른 레이아웃 내부의 첫 번째 프레임을 넣어했다 그러나 (StackLayout 말) :

<AbsoluteLayout HorizontalOptions="FillAndExpand" HeightRequest="350"> 
    <StackLayout 
    AbsoluteLayout.LayoutFlags="SizeProportional" 
    AbsoluteLayout.LayoutBounds="0.5,0.5,1,1"> 

     <Frame 
      HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" 
       BackgroundColor="White" HasShadow="true" 
       CornerRadius="10" 
       Margin="20,25,20,25"> 
       <StackLayout> 
       </StackLayout> 
      </Frame> 
</StackLayout 

    <Frame HasShadow = "False" 
     AbsoluteLayout.LayoutFlags="PositionProportional" Padding="0,0,0,0" 
       AbsoluteLayout.LayoutBounds="0.5,1,50,50" 
     VerticalOptions="Fill" HorizontalOptions="Fill"> 
      <Image Margin="0,0,0,0" Aspect="AspectFill" Source="icon.png"/> 
     </Frame> 
</AbsoluteLayout> 

스크린 샷 : enter image description here