如何在Xamarin Cross Platform中的imageview中应用对角线切割?

时间:2019-06-28 07:41:56

标签: xamarin.forms cross-platform

我是Xamarin混合应用程序的新手。如何在图像中应用对角线切割视图。请给我一个想法给任何人。

https://i.stack.imgur.com/nyyCi.jpg

2 个答案:

答案 0 :(得分:0)

图像中的对角线切割视图到底是什么意思?您可以提供示例或样机吗? This库非常适合用于所有图像转换和缓存,但是由于不清楚,我不确定它是否能为您提供帮助。

答案 1 :(得分:0)

我已经从下面的代码创建了对角线视图。感谢您的所有答复。

xmlns:x =“ http://schemas.microsoft.com/winfx/2009/xaml”

         x:Class="PEMS.Views.Profile"

        xmlns:xamvvm="clr-namespace:Xamvvm;assembly=Xamvvm.Forms"

        xmlns:xfShapeView="clr-namespace:XFShapeView;assembly=XFShapeView"

    xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"

     xmlns:fftransformations="clr-namespace:FFImageLoading.Transformations;assembly=FFImageLoading.Transformations"

    Title="CornersTransformation" BackgroundColor="White">

   <AbsoluteLayout HorizontalOptions="FillAndExpand" BackgroundColor="White" VerticalOptions="FillAndExpand">

    <ffimageloading:CachedImage
        AbsoluteLayout.LayoutBounds="0,0,1,.5"
        AbsoluteLayout.LayoutFlags="All"
        Aspect="AspectFill"
        Source="profile_background.png" 
        />

    <xfShapeView:ShapeView
        AbsoluteLayout.LayoutBounds="1,.5,400, 1600"
        AbsoluteLayout.LayoutFlags="PositionProportional"
        HorizontalOptions="Center"
        Rotation="-90"
        ShapeType="Triangle"
        WidthRequest="400"
        Color="White" />

    <Label
        AbsoluteLayout.LayoutBounds=".6,.6,.5,.1"
        AbsoluteLayout.LayoutFlags="All"
        FontSize="34"
        HorizontalOptions="End"
        LineBreakMode="WordWrap"
        Text="Some content here."
        TextColor="White" />

</AbsoluteLayout>