个性化阅读
专注于IT技术分析
        找回密码
当前位置：srcmini > Xamarin > 正文

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

2020-03-29 19:07:32 分类：Xamarin 阅读(1056) 评论(0)

本文概述

跨平台移动应用程序的构建块是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中的视图
赞(1)
未经允许不得转载：srcmini » Xamarin中的视图介绍和用法图解
标签：

相关推荐

评论 抢沙发

评论前必须登录！

 

猜你喜欢

热门标签

网站开发 (2587)WordPress开发 (2055)WordPress主题 (1517)Web开发 (692)主题 (527)数据科学 (444)教程合集 (317)资源合集 (316)函数 (287)页面 (267)python开发 (261)项目示例 (243)WordPress自定义页面 (233)图像 (219)错误 (213)网站 (189)UX设计 (187)Web安全 (179)模板 (178)Web运维 (177)应用程序 (177)WordPress插件 (176)插件 (171)前端开发 (166)算法 (150)woocommerce (149)数据结构 (149)常见问题 (142)设计 (138)网红 (138)