当前位置： 正文

Xamarin中的视图介绍和用法图解

03-18 App/移动开发/跨端 286

本文概述

跨平台移动应用程序的构建块是Xamarin.Forms视图。视图是用户界面对象, 例如标签, 按钮和滑块, 在其他编程环境中称为控件或窗口小部件。

视图可以分为几类：

演示视图

Xamarin.Forms具有三个用于处理文本的主要视图：

  • 标签
    标签用于以单行或多行文本显示文本。在这里, 我们可以在同一行中显示具有多种格式选项的文本。
  • 条目
    要在一行中输入文本, 请使用Entry。该条目具有密码模式。
  • 编辑
    要输入文本, 可能需要多于一行。

标签：标签视图用于显示文本。我们可以显示多行文本或单行文本。标签可以显示带有内联使用的多种格式选项的文本。当标签视图不能排成一行时, 标签视图可以包装或截断文本。

MainPage.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"
             xmlns:local="clr-namespace:Label"
             x:Class="Label.MainPage" 
              Title="Label Demo - XAML">
    <StackLayout Padding="5, 10">
        <Label Text="Label Page"></Label>
        <Label LineBreakMode="WordWrap">
            <Label.FormattedText>
                <FormattedString>
                    <Span Text="Red Bold, " TextColor="Red" FontAttributes="Bold" />
                    <Span Text="default, " Style="{DynamicResource BodyStyle}">
                        <Span.GestureRecognizers>
                            <TapGestureRecognizer Command="{Binding TapCommand}" />
                        </Span.GestureRecognizers>
                    </Span>
                    <Span Text="italic small." FontAttributes="Italic" FontSize="Small" />
                </FormattedString>
            </Label.FormattedText>
        </Label>
    </StackLayout>

</ContentPage>
Xamarin中的视图

输入：输入用于接受单行文本。 Entry提供对颜色和字体的控制。 Entry具有密码模式, 可以显示占位符文本, 直到我们输入文本为止。

MainPage.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"
             xmlns:local="clr-namespace:Label"
             x:Class="Label.MainPage" 
              Title="Entry Page-XAML">
    <StackLayout Padding="5, 10">
        <Label Text="Enter Your Name"></Label>
        <Entry Placeholder="UserName" TextColor="Black" BackgroundColor="Yellow"></Entry>
    </StackLayout>

</ContentPage>
Xamarin中的视图

编辑器：编辑器用于输入多行文本输入。编辑器提供了颜色和字体的控件。像其他文本呈现视图一样, 编辑器也会显示text属性。编辑器可用于设置和读取编辑器显示的文本。

<?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:Label"
             x:Class="Label.MainPage" 
              Title="Editor Page-XAML">
    <ContentPage.Content>
        <StackLayout Padding="5, 10">
            <Label Text="Hii i am Editor"></Label>
            <Editor Placeholder="Enter text here" PlaceholderColor="Olive" />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>
Xamarin中的视图
  • 图片
    图像显示位图。在普通项目中, 位图可以通过Web下载, 也可以作为资源嵌入。我们可以使用Xamarin.Forms在各个平台上共享图像。图像是应用程序导航, 品牌和可用性的重要部分。 Xamarin.Forms应用程序需要在所有平台上共享图像。它还在每个平台上显示不同的图像。平台特定的图像也是必需的图标和启动屏幕。
Xamarin中的视图

显示影像

Xamarin.Forms使用图像视图在页面上显示图像。它有两个重要页面：

  • 源：图像源实例, 可以是文件, Uri, 资源, 用于设置要显示的图像。
  • 方面：如何在显示图像的范围内调整图像大小。
  • ImageSource：可以使用静态方法为每种类型的图像源获取实例。
    • 从文件：需要在每个平台上都可以解析的文件名(文件名)或文件路径(文件路径)。

在Xamarin上显示图像。表格我们应该必须遵循以下步骤：

在这里, 我们将通过文件名添加图像。为此, 我们首先必须下载图像(” jpg图像下载”)。从保存文件的文件夹中复制图像, 然后将其粘贴到一个drawable文件夹中, 为此, 我们必须遵循以下步骤：Android-> Resources-> Drawable。

MainPage.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"
             xmlns:local="clr-namespace:Label"
             x:Class="Label.MainPage" 
              Title="Editor Page-XAML">
    <ContentPage.Content>
        <StackLayout Padding="5, 10">
// In the source we have to give the name of the image file.
            <Image Source="nature.jpg"></Image>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

输出

Xamarin中的视图

现在, 我们将学习如何在后端代码中使用图像。

MainPage.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"
             xmlns:local="clr-namespace:Label"
             x:Class="Label.MainPage" 
              Title="Editor Page-XAML">
    <ContentPage.Content>
        <StackLayout Padding="5, 10">
            <Image Source="" x:Name="Myimage"></Image>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

MainPage.XAML.CS

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace Label
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
            Myimage.Source = ImageSource.FromFile("nature.jpg");


        }
    }

输出

Xamarin中的视图
  • FromUri：需要Uri(统一资源指示符)对象, 例如新的Uri(” https://sample-videos.com/download-sample-jpg-image”)。
    在这里, 我们将通过URI显示图像, 并在其中提供从互联网到源的路径。
  • 从资源：从带有BuildAction：EmbeddedResource的应用程序或.Net标准库项目中嵌入的图像文件需要资源标识符。
  • FromStream：需要提供图像数据的流。
  • Aspect：Aspect属性确定如何缩放图像以适合显示区域：
    • 填充：将图像完全拉伸并填充显示区域。这样的结果可能是图像失真。
    • AspectFill：裁剪图像, 使其在保留宽高比的同时填充显示区域(即不失真)。
    • AspectFit：对图像加上字母框(如果需要), 以使整个图像适合显示区域, 在顶部/底部添加空白取决于图像是宽还是高。

可以从本地文件, 嵌入式资源或下载图像。

  • BoxView：BoxView是指定宽度, 高度和颜色的简单矩形。我们可以将BoxView用于装饰, 基本图形以及通过触摸与用户进行交互。
Xamarin中的视图

MainPage.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"
             xmlns:local="clr-namespace:Label"
             x:Class="Label.MainPage" 
              Title="Editor Page-XAML">
    <StackLayout>
        <Label Text="BoxView"
               FontSize="50"
               FontAttributes="Bold"
               HorizontalOptions="Center" />

        <BoxView Color="Accent"
                 WidthRequest="150"
                 HeightRequest="150"
                 HorizontalOptions="Center"
                 VerticalOptions="CenterAndExpand" />
    </StackLayout>
</ContentPage>
Xamarin中的视图

乍看之下, BoxView看起来似乎很简单, 但是它具有多种用途, 可以产生通常只有矢量图形才能实现的几乎所有视觉效果。

  • WebView：WebView是用于在我们的应用程序上显示Web和HTML内容的视图。 WebView在我们的应用程序中显示HTML内容。
    • 内容
      WebView支持以下类型的内容：
      • HTML＆CSS网站：WebView支持所有使用HTML＆CSS编写的网站, 其中包括对javascript的支持。
      • 文档：WebView是使用每个平台上的本机组件实现的, 因此WebView能够显示在每个平台上可见的文档。这意味着PDF文件可在iOS和Android上使用。
      • HTML字符串：WebView可以显示内存中的HTML字符串。
      • 本地文件：WebView可以在应用程序中键入内容。

MainPage.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"
             xmlns:local="clr-namespace:Label"
             x:Class="Label.MainPage" 
              Title="Editor Page-XAML">
    <ContentPage.Content>
    <StackLayout BackgroundColor="Orange" Padding="5">
            <Entry Text="" x:Name="urlEntry" Placeholder="URL"></Entry>
            <Button Text="Get data from URL" Clicked="Button_Clicked" BackgroundColor="Wheat" TextColor="Black"></Button>
            <StackLayout>
                <ScrollView>
                    <WebView x:Name="BROWSER" VerticalOptions="FillAndExpand" HeightRequest="500"></WebView>
                </ScrollView>
            </StackLayout>
    </StackLayout>
    </ContentPage.Content>
</ContentPage>

MainPage.XAML.CS

using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace Label
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
           // Myimage.Source = ImageSource.FromResource("Label.images.hey.jpg");


        }

        private void AbsoluteLayout_SizeChanged(object sender, EventArgs e)
        {

        }

        private void Button_Clicked(object sender, EventArgs e)
        {
            var url = "http://"+urlEntry.Text;
            BROWSER.Source = url; 

        }
    }
}
Xamarin中的视图
Xamarin中的视图

OpenGLView

MainPage.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"
             xmlns:local="clr-namespace:OpenGLVIEW"
             x:Class="OpenGLVIEW.MainPage">

    <StackLayout>
        <Label Text="OpenGLView"
               FontSize="50"
               FontAttributes="Bold"
               HorizontalOptions="Center" />

        <OpenGLView x:Name="openGLView"
                    VerticalOptions="FillAndExpand" />

        <Label x:Name="regretsLabel"
               Text="Sorry, OpenGLView cannot be used on this device!"
               FontSize="Large"
               HorizontalTextAlignment="Center"
               VerticalOptions="CenterAndExpand"
               Margin="10, 0" />
    </StackLayout>

</ContentPage>
Xamarin中的视图

启动命令的视图

纽扣

当我们单击一个按钮时, 它会响应并在应用程序中执行特定任务。在所有Xamarin.Forms按钮中都扮演着重要的角色。该命令后, 该按钮将显示短文本字符串。按钮还可以显示位图图像或文本和图像的组合。要启动命令, 用户可以用手指或鼠标按下按钮。

MainPage.XAML

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MapView1"
             x:Class="MapView1.MainPage">

    <StackLayout>
        <Label Text="Button"
               FontSize="50"
               FontAttributes="Bold"
               HorizontalOptions="Center" />

        <Button Text="Click Me!"
                Font="Large"
                BorderWidth="1"
                HorizontalOptions="Center"
                VerticalOptions="CenterAndExpand"
                Clicked="Button_Clicked" BackgroundColor="Yellow"/>

        <Label x:Name="label"
               Text="0 button clicks"
               FontSize="Large"
               HorizontalOptions="Center"
               VerticalOptions="CenterAndExpand" />
    </StackLayout>
</ContentPage>

在button_click后面编码, 按钮将计算按钮被按下的次数。

MainPage.XAML.CS

using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace MapView1
{
    public partial class MainPage : ContentPage
    {
        static int ClickTotal;
        public MainPage()
        {
            InitializeComponent();
        }

        private void Button_Clicked(object sender, EventArgs e)
        {
            ClickTotal += 1;
            label.Text = String.Format("{0} button click{1}", ClickTotal, ClickTotal == 1 ? "" : "s");

        }
    }
}

输出

Xamarin中的视图

图像按钮

ImageButton显示图像并响应点击或单击, 从而指示应用程序执行特定任务。

ImageButton View将Button视图和Image视图组合在一起, 以创建内容为图像的按钮。当我们用手指按下按钮或用鼠标单击它时, 它将为应用程序执行特定任务。

设置图像来源

ImageButton定义了一个源属性, 应将其配置为在按钮上显示图像

搜索栏

它是Xamarin.Forms的UI元素的一部分。它用于从列表或网页或任何内容中搜索数据。我们可以放置搜索栏以从网络或其他任何地方进行搜索。通常, 我们在Google主页或任何搜索引擎上使用搜索栏。

Xamarin中的视图

实现

在这里, 我们将按照以下步骤进行编码：

  • 创建UI类
  • 创建一个类, 并将绑定设置为列表视图。
  • 将数据添加到列表, 并将功能添加到搜索栏

创建一个UI

首先, 我们将创建Xamarin.Forms项目。在这里, 我们将创建一个应用程序, 并在XAML文件上创建一个ListView和搜索栏。在这里, 我们可以使用堆栈布局, 并在堆栈布局中添加搜索栏和列表视图。搜索栏将位于列表的顶部。

MainPage.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"
             xmlns:local="clr-namespace:imagebutton1"
             x:Class="imagebutton1.MainPage">

    <StackLayout>
        <SearchBar TextChanged="SearchBar_TextChanged"></SearchBar>
        <ListView x:Name="list">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextCell Text="{Binding Name}" Detail="{Binding Num}">

                    </TextCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

    </StackLayout>

</ContentPage>

现在, 我们将创建一个包含两个属性Name和NUM​​的类, 如下所示：

联络人

namespace imagebutton1
{
    public class Contacts
    {
        public string Name { get; set; }
        public string Num { get; set; }
        public string imgsource { get; set; }
    }
}

现在, 我们将绑定添加到listview的文本单元格。

<TextCell Text="{Binding Name}" Detail="{Binding Num}">

在这里, 创建类并完成绑定。现在, 我们将在Xaml.CS文件中进行编码。

要添加数据的是ListView和要搜索的功能栏。在这里, 我们首先创建一个联系人类, 然后对其进行初始化并添加一些新数据。之后, 我们将ListView的项目源设置为联系人列表。

将数据添加到我们的ListView的代码：

public List<Contacts> tempdata;
       

        public MainPage()
        {
            InitializeComponent();
            data();
            list.ItemsSource = tempdata;

        }

        public void data()
        {
            // all the temp data  
            tempdata = new List<Contacts> {
                new Contacts(){ Name = "Shaily", Num = "2323423"}, new Contacts(){ Name = "Vishi", Num = "23423"}, new Contacts(){ Name = "Vaishali", Num = "233423423"}, new Contacts(){ Name = "AkshayILU", Num = "2423"}, new Contacts(){ Name = "Aman", Num = "323423"}, new Contacts(){ Name = "Arpita", Num = "2323423"}, new Contacts(){ Name = "Himanshu", Num = "2323423"}, new Contacts(){ Name = "Arvind", Num = "2323423"}, new Contacts(){ Name = "Neetu", Num = "2323423"}, new Contacts(){ Name = "etc", Num = "2323423"}, };
        }

在这里, 我们将使搜索栏的文本更改功能成为事件处理程序, 如下所示：

<SearchBar TextChanged="SearchBar_TextChanged"></SearchBar>

代码

private void SearchBar_TextChanged(object sender, TextChangedEventArgs e)
        {
            //that's all you need to do a search   

            if (string.IsNullOrEmpty(e.NewTextValue))
            {
                list.ItemsSource = tempdata;
            }

            else
            {
                list.ItemsSource = tempdata.Where(x => x.Name.StartsWith(e.NewTextValue));
            }
        }

只要更改搜索栏中的文本, 它就可以在两种可能的情况下工作。如果文本为null或为空, 我们将list的项目源设置为临时数据。临时数据包含所有数据的列表。否则, 可以根据LINQ查询更改列表的项目来源。该查询对临时数据起作用, 并在字符中找到与名称的起始值匹配的给定文本。现在, 我们将看到搜索一些数据：

完整的XAML代码和CS代码

MainPage.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"
             xmlns:local="clr-namespace:imagebutton1"
             x:Class="imagebutton1.MainPage">

    <StackLayout>
        <SearchBar TextChanged="SearchBar_TextChanged"></SearchBar>
        <ListView x:Name="list">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextCell Text="{Binding Name}" Detail="{Binding Num}">

                    </TextCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

    </StackLayout>

</ContentPage>

MainPage.XAML.CS

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace imagebutton1
{
    public partial class MainPage : ContentPage
    {
        public List<Contacts> tempdata;
       

        public MainPage()
        {
            InitializeComponent();
            data();
            list.ItemsSource = tempdata;

        }

        public void data()
        {
            // all the temp data  
            tempdata = new List<Contacts> {
                new Contacts(){ Name = "Shaily", Num = "2323423"}, new Contacts(){ Name = "Vishi", Num = "23423"}, new Contacts(){ Name = "Vaishali", Num = "233423423"}, new Contacts(){ Name = "AkshayILU", Num = "2423"}, new Contacts(){ Name = "Aman", Num = "323423"}, new Contacts(){ Name = "Arpita", Num = "2323423"}, new Contacts(){ Name = "Himanshu", Num = "2323423"}, new Contacts(){ Name = "Arvind", Num = "2323423"}, new Contacts(){ Name = "Neetu", Num = "2323423"}, new Contacts(){ Name = "etc", Num = "2323423"}, };
        }

        private void SearchBar_TextChanged(object sender, TextChangedEventArgs e)
        {
            //that's all you need to do a search   

            if (string.IsNullOrEmpty(e.NewTextValue))
            {
                list.ItemsSource = tempdata;
            }

            else
            {
                list.ItemsSource = tempdata.Where(x => x.Name.StartsWith(e.NewTextValue));
            }
        }
    }
}
Xamarin中的视图
Xamarin中的视图

设置值的视图

列表显示

ListView是用于显示数据列表的视图, 尤其是需要滚动的长列表。 Xamarin.Forms提供ListView控件, 该控件可用于显示可滚动的数据列表。 ListView控件最适合同类数据。

MainPage.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"
             xmlns:local="clr-namespace:ListView"
             x:Class="ListView.MainPage">
    <StackLayout Margin="20, 35, 20, 20">
        <ListView>
            <ListView.ItemsSource>
                <x:Array Type="{x:Type x:String}">
                    <x:String>Baboon</x:String>
                    <x:String>Capuchin Monkey</x:String>
                    <x:String>Blue Monkey</x:String>
                    <x:String>Squirrel Monkey</x:String>
                    <x:String>Golden Lion Tamarin</x:String>
                    <x:String>Howler Monkey</x:String>
                    <x:String>Japanese Macaque</x:String>
                </x:Array>
            </ListView.ItemsSource>
        </ListView>
    </StackLayout>

</ContentPage>

这段代码定义了由StackLayout中的ListView组成的页面的用户界面。 ListView.ItemSource属性指定要显示的项目。

输出

Xamarin中的视图

填充数据

在这里, 我们将使用ItemSource属性填充数据, 该属性的类型为IEnumerable。在这里, 我们将用存储在其中的对象的对象集合中的数据填充ListView。

猴子课会加

Monkey.cs

namespace ListView
{
    class Monkey
    {
        public string Name { get; set; }
        public string Location { get; set; }
        public string ImageUrl { get; set; }

        public override string ToString()
        {
            return Name;
        }
    }
}

这段代码定义了Monkey对象, 该对象存储代表猴子的图像的名称, 位置和URL。同样, 该类重写ToString方法以返回name属性。

日期选择器

Xamarin.Form视图允许用户选择日期。 Xamarin.Forms DatePicker调用平台的日期选择器控件, 该控件使用户可以选择日期。 DatePicker定义了八个属性。

  • MinimumDate：这是DateTime的一种类型, 默认为1900年的第一天。
  • MaximumDate：这是DateTime的类型, 它是2100年最后一天的默认值。

MainPage.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"
             xmlns:local="clr-namespace:TimePickerView"
             x:Class="TimePickerView.MainPage">

    <StackLayout>
        <Label Text="DatePicker"
               FontSize="50"
               FontAttributes="Bold"
               HorizontalOptions="Center" />

        <DatePicker Format="D"
                    VerticalOptions="CenterAndExpand"
                    Margin="10, 0" />

    </StackLayout>

</ContentPage>

时间选择器

Xamarin.Forms视图允许用户选择时间。 Xamarin.Forms TimePicker调用平台时间选择器控件, 并使用户可以选择时间。

MainPage.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"
             xmlns:local="clr-namespace:App15"
             x:Class="App15.MainPage" BackgroundColor="Aqua">
    <ContentPage.Content>
        <StackLayout Padding="10">
            <Label Text="DatePicker" FontSize="20" HorizontalOptions="Center"></Label>
            <DatePicker x:Name="dp" MaximumDate="2020/12/31" MinimumDate="2000/12/31"></DatePicker>
            <TimePicker x:Name="tp"></TimePicker>
            <Button x:Name="button" Clicked="Button_Clicked" Text="Details"></Button>
            <Label x:Name="details"></Label>
        </StackLayout>
    </ContentPage.Content>

    

</ContentPage>

MainPage.XAML.CS

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace App15
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void Button_Clicked(object sender, EventArgs e)
        {
            var date = dp.Date;
            var time = tp.Time;
            details.Text = string.Format("Date:{0}\n Time:{1}", date, time);
        }
    }
}

输出

Xamarin中的视图

表格检视

TableView是一个视图, 用于显示数据或选项的可滚动列表, 其中存在不共享同一模板的行。 TableView没有ItemSource的概念, 因此在这里我们将手动添加项目。

结构：TableView中的元素按部分组织。 TableView的根是TableRoot, 它是一个或多个TableSection实例的父级。每个TableSection由标题和一个或多个ViewCell案例组成。

MainPage.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"
             xmlns:local="clr-namespace:TableView"
             x:Class="TableView.MainPage">
    <TableView Intent="Settings">
        <TableRoot>
            <TableSection Title="Ring">
                <SwitchCell Text="New Voice Mail" />
                <SwitchCell Text="New Mail" On="true" />
            </TableSection>
        </TableRoot>
    </TableView>

</ContentPage>

输出

Xamarin中的视图
微信公众号
手机浏览(小程序)
0
分享到：

猜你喜欢

swift数据类型介绍 – Swift最新教程
App/移动开发/跨端

03-20 582
swift闭包和闭包函数 – Swift最新教程
App/移动开发/跨端

03-20 520
Swift编程语言的历史介绍
App/移动开发/跨端

03-20 480
Swift变量介绍和用法详解
App/移动开发/跨端

03-20 492
Swift数组介绍和用法详细示例
App/移动开发/跨端

03-20 624
swift数组的使用和操作全解 – Swift最新教程
App/移动开发/跨端

03-20 518
没有账号？ 忘记密码？