【问题标题】:How to Apply diagonal cut in imageview in xamarin cross platform?如何在 xamarin 跨平台的 imageview 中应用对角线切割?
【发布时间】:2019-11-10 04:08:07
【问题描述】:

我是 Xamarin 混合应用程序的新手。如何在图像中应用对角线切割视图?

【问题讨论】:

    标签: xamarin.forms cross-platform


    【解决方案1】:

    我从下面的代码创建了对角线视图。

    <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
    
    
    
    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>
    </ContentPage>
    

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      猜你喜欢
      • 2019-11-09
      • 1970-01-01
      • 2021-07-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-06-20
      相关资源
      最近更新 更多