Xamarin.Forms初始

前言

　　Xamarin.Forms 为 .NET 开发人员提供一个完整的跨平台 UI 工具包。 在 Visual Studio 中使用 C# 生成完全本机的 Android、iOS 和通用 Windows 平台应用，但是在国内用的很少教程也很少，用会了也很方便。

模拟器选择

　　强烈建议不要使用VS自带的模拟器，就是很卡的那种，这里博主推荐使用夜神模拟器。

　　连接夜神模拟器步骤如下：

　　1).首先查到夜神模拟器的端口，开的第一模拟器端口默认是62001这里指的是本地。

　　2).然后打开VS中的ADB控制台：输入adb.exe connect 127.0.0.1:62001[提示connected说明连接成功]

　　3)sdk的选择目前谷歌最新的是9.0看个人是否需要选择安装。

Xamarin.Forms布局

　　XF一共提供了5种布局分别是StackLayout，RelativeLayout，AbsoluteLayout，Grid，ScrollView

　　1).SL布局适用一般的布局。

　　2).RL布局适用叠加。

　　3).AL布局适用遮罩。

　　4).Gd布局就是栅栏，典型例子计算器。

　　5).SV布局就是屏幕可以下拉的。

StackLayout布局

　　范例1：

　　

　　

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MusicCloud"
             x:Class="MusicCloud.MainPage">
    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness"
                    iOS="0,20,0,0"
                    Android="0,20,0,0"/>
    </ContentPage.Padding>
    <StackLayout VerticalOptions="Center"  BindingContext="{Binding Source={x:Reference sli}}">
        <Label
               VerticalOptions="CenterAndExpand"
               HorizontalOptions="CenterAndExpand"
               Text="{Binding Path=Value,StringFormat='值:{0:F2}'}" />
        <Label
               VerticalOptions="CenterAndExpand"
              Opacity="{Binding Path=Value}"
               HorizontalOptions="CenterAndExpand"
               Text="改变透明度" />
        <Slider x:Name="sli" Maximum="1"></Slider>
    </StackLayout>
</ContentPage>

Opacity="{Binding Path=Value}" 其中path可以省略，前提是Bind只有一个参数。
范例2:

当点击登录后进入下个页面

 <?xml version="1.0" encoding="utf-8" ?>
 <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              BackgroundColor="Blue"
              x:Class="MusicCloud.StackLayoutTrain.StackLayoutTest">
     <ContentPage.Content>
         <!--VerticalOptions 垂直属性-->
         <!--HorizontalOptions 水平属性-->
         <StackLayout VerticalOptions="Center"  Spacing="20">
             <Label
                 Text="欢迎demo"
                 FontSize="26"
                 TextColor="#FFF"
                 HorizontalOptions="Center"/>
             <Label
                 Text="Edna"
                 HorizontalOptions="Center"
                 TextColor="#FFF"
                 FontSize="16"/>
             <StackLayout Orientation="Horizontal" HorizontalOptions="Center" Spacing="50">
                 <Button
                 BackgroundColor="#FFF"
                 HorizontalOptions="Center"
                 Text="登录"
                 Clicked="Ok_Clicked"/>
                 <Button
                 BackgroundColor="#FFF"
                 HorizontalOptions="Center"
                 Text="注册"/>
             </StackLayout>
         </StackLayout>
     </ContentPage.Content>
 </ContentPage>

登录事件

 private async void Ok_Clicked(object sender, EventArgs e)
        {
            await Navigation.PushModalAsync(new StackLayoutTest_Two());
        }

 <?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="MusicCloud.StackLayoutTrain.StackLayoutTest_Two">
     <ContentPage.Padding>
         <OnPlatform
             Android="0,20,0,0"
             x:TypeArguments="Thickness"/>
     </ContentPage.Padding>
     <ContentPage.Content>
         <StackLayout Spacing="10">
             <Label Text="周家庄地震安置点"/>
             <Image
                 Source="http://n.sinaimg.cn/default/1_img/upload/3933d981/713/w930h583/20181217/xvSU-hqhtqsp1549885.jpg"
                  Aspect="AspectFill"/>
             <StackLayout Orientation="Horizontal" HorizontalOptions="Start" Spacing="10">
                 <Button Text="点赞" HorizontalOptions="Start"/>
                 <Button Text="留言" HorizontalOptions="Start"/>
                 <Button Text="分享" HorizontalOptions="Start"/>
             </StackLayout>
             <StackLayout >
                 <BoxView BackgroundColor="Gray" HeightRequest="1"/>
                 <StackLayout Padding="10" Orientation="Vertical">
                     <Label Text="800赞" FontAttributes="Bold"/>
                     <Label Text="浙江人很了不起。当时社会上流传着“四千精神”：走遍千山万水，说尽千言万语，想尽千方百计，历经千辛万苦。
                            而浙江的乡镇企业就是这样从各种渠道寻求发展。当时浙江煤炭、钢材很短缺，山西粮食很短缺，浙江人就把浙江的大米用火车拉去换山西的煤炭，把舟山的黄鱼和带鱼拉去北方换钢材。步鑫生讲得很形象，他说，国有企业是头“猪”，喂它多少吃多少；大集体企业是只“鸡”，撒一点米，没吃饱它自己还会去找吃的；乡镇企业是只“麻雀”，完全是靠自己去找吃的。"/>
                 </StackLayout>
             </StackLayout>
         </StackLayout>
     </ContentPage.Content>
 </ContentPage>

初次写Xamarin.forms不对的地方欢迎指正，共同交流学习。