Xamarin.Forms:用户界面在UWP中正常工作,但不在Android部件上

问题描述:

美好的一天每个人。我目前正在开发一个简单的程序,使用户能够对员工进行CRUD记录。Xamarin.Forms:用户界面在UWP中正常工作,但不在Android部件上

我能够从ASP.NET Web应用程序检索创建的数据并将其显示在我的程序的UWP部分。但是,每当我在Android上运行时,它都无法正常工作。意思是,一些菜单和按钮没有被显示。

我在Xamarin.Forms Portable中编写了所有这些代码。

这是我的菜单页面的代码,应该在两个平台上正确显示。如果你想看更多的代码,请让我知道。非常感谢。

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
     x:Class="XamarinFormsDemo.Views.MenuPage" 
     BackgroundImage="bg3.jpg"> 


    <StackLayout> 
    <StackLayout Orientation="Vertical" 
      Padding="30" 
      HeightRequest="30" 
      BackgroundColor="#24e97d"> 
     <Image Source="ebmspersonnellogo1.png" 
     HeightRequest="40"/> 
    </StackLayout> 


    <StackLayout Orientation="Vertical" 
      VerticalOptions="Center" 
     Padding="45,60,45,60"> 


     <Image x:Name="sales" 
       Source="salesicon.png"> 

       <Image.GestureRecognizers> 
       <TapGestureRecognizer 

         Tapped="SalesTapGestureRecognizer_OnTapped" 
         NumberOfTapsRequired="1" /> 
       </Image.GestureRecognizers> 
     </Image> 

     <Image x:Name="personnel" 
     Source="personnelicon.png"> 

     <Image.GestureRecognizers> 
      <TapGestureRecognizer 

       Tapped="PersonnelTapGestureRecognizer_OnTapped" 
       NumberOfTapsRequired="1" /> 
     </Image.GestureRecognizers> 
     </Image> 



    <Image x:Name="crm" 
    Source="crmicon.png"> 

    <Image.GestureRecognizers> 
     <TapGestureRecognizer 

       Tapped="CRMTapGestureRecognizer_OnTapped" 
       NumberOfTapsRequired="1" /> 
    </Image.GestureRecognizers> 
    </Image> 



    <Image x:Name="asset" 
    Source="asseticon.png"> 
    <Image.GestureRecognizers> 

     <TapGestureRecognizer 

       Tapped="AssetTapGestureRecognizer_OnTapped" 
       NumberOfTapsRequired="1" /> 
    </Image.GestureRecognizers> 
    </Image> 

    <Image x:Name="receivables" 
    Source="receivables.png"> 

    <Image.GestureRecognizers> 
     <TapGestureRecognizer 

       Tapped="ReceivablesTapGestureRecognizer_OnTapped" 
       NumberOfTapsRequired="1" /> 
    </Image.GestureRecognizers> 
    </Image> 






    <Image x:Name="prapprovals" 
    Source="prapprovals.png"> 

    <Image.GestureRecognizers> 
     <TapGestureRecognizer 

       Tapped="ApprovalsTapGestureRecognizer_OnTapped" 
       NumberOfTapsRequired="1" /> 
     </Image.GestureRecognizers> 
     </Image> 


    </StackLayout> 


    <StackLayout Orientation="Vertical" 
      Padding="30,10,30,10" 
      HeightRequest="20" 
      BackgroundColor="#24e97d" 
      VerticalOptions="Center" 
      Opacity="0.5"> 
     <Label Text="© Copyright 2015 smesoft.com.ph All Rights Reserved " 
     HorizontalTextAlignment="Center" 
     VerticalOptions="Center" 
     HorizontalOptions="Center" /> 
    </StackLayout> 



    </StackLayout> 
</ContentPage> 

下面是1.截图)UWP和2)机器人。

UWP

enter image description here

+0

能否请你告诉UWP的VS Android的截图,所以我们可以得到的区别是什么清晰的画面。 –

+0

@AdamPedley对不起。我添加了先生的截图。 –

你可以用它代替StackLayout网格。这在当前情况下最适合。

例如: -

<Grid> 
<Grid.RowDefinitions> 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="*" /> 
</Grid.RowDefinitions> 
<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*" /> 
</Grid.ColumnDefinitions> 

<Image x:Name="sales" Source="SomeTime1.png" Grid.Column="0" Grid.Row="0"> 
    <Image.GestureRecognizers> 
     <TapGestureRecognizer Tapped="SalesTapGestureRecognizer_OnTapped" NumberOfTapsRequired="1" /> 
    </Image.GestureRecognizers> 
</Image> 

<Image x:Name="sales" Source="SomeTime2.png" Grid.Column="0" Grid.Row="1"> 
    <Image.GestureRecognizers> 
     <TapGestureRecognizer Tapped="PersonnelTapGestureRecognizer_OnTapped" NumberOfTapsRequired="1" /> 
    </Image.GestureRecognizers> 
</Image> 

...