xaml - Xamarin.Forms: User Interface working properly in UWP but not on the Android Part -
good day everyone. i'm working on simple program enables user crud record of employee.
i able retrieve created data asp.net web application , display on uwp part of program. however, it's not working on whenever run on android. meaning, menu , buttons not being displayed.
i code of in xamarin.forms portable.
here code of menu page should displayed on both platform. if want see more codes, please let me know. lot.
<?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   rights reserved "           horizontaltextalignment="center"          verticaloptions="center"           horizontaloptions="center" />     </stacklayout>      </stacklayout> </contentpage>   here screenshots of 1.) uwp , 2.) android.
you can use grid instead of stacklayout. best fit in current scenario.
for example:-
<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>  ...        

Comments
Post a Comment