6.在Xamarin.Forms中使用XAML代码创建页面

xaml代码的方式也是和WPF的差不多，比如写一个label

<Label Text="Hello from XAML!"  
      IsVisible="True"     
      XAlign="Center"     
      TextColor="Blue"        
      FontSize="Large"        
      FontAttributes="Bold,Italic" /> 

但是目前还是有个比较明显的缺点就是和代码一样，没有设计器，不能直接看到界面的预览。

下面就开始写个吧。
首先先创建一个xaml页面：

然后输入如下代码：

<?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="App15.Page1">   
               <ContentPage.Content>      
                 <StackLayout>           
                   <StackLayout.Children>         
                     <Frame OutlineColor="Accent">             
                       <Frame.Content>                       
                         <StackLayout Orientation="Horizontal">   
                           <StackLayout.Children>                 
                             <BoxView Color="Red" />              
                           <Label Text="Red" VerticalOptions="Center" />     
                           </StackLayout.Children> 
                     </StackLayout>                  
                     </Frame.Content>             
                     </Frame>  
                <Frame OutlineColor="Accent">            
                  <Frame.Content>                     
                    <StackLayout Orientation="Horizontal">   
                      <StackLayout.Children>                   
                        <BoxView Color="Green" />              
                     <Label Text="Green" VerticalOptions="Center" />            
                     </StackLayout.Children>                      
                   </StackLayout>              
                 </Frame.Content>        
               </Frame>  

                <Frame OutlineColor="Accent">       
                  <Frame.Content>                     
                    <StackLayout Orientation="Horizontal">      
                      <StackLayout.Children>                      
                        <BoxView Color="Blue" />                   
              <Label Text="Blue" VerticalOptions="Center" />                
                      </StackLayout.Children>                    
                </StackLayout>                 
              </Frame.Content>          
            </Frame>        
          </StackLayout.Children>
        </StackLayout>  
      </ContentPage.Content>
 </ContentPage> 

把App.cs文件里写一下就可以了：

 public class App : Application
    {
        public App()
        {
            MainPage = new Page1();
        }

        protected override void OnStart()
        {
            // Handle when your app starts
        }

        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }

        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }

效果图：