2016-06-28 18 views
2

美好的一天每個人。我目前正在開發一個簡單的程序,使用戶能夠對員工進行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對不起。我添加了先生的截圖。 –

回答

0

你可以用它代替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> 

... 

相關問題