文档章节

Xamarin XAML语言教程基本页面ContentPage占用面积内容页面的派生关系与属性

大学霸
 大学霸
发布于 2017/07/07 10:01
字数 630
阅读 26
收藏 0

Xamarin XAML语言教程基本页面ContentPage占用面积内容页面的派生关系与属性

3.内容页面的派生关系

ContentPage页面派生自Page,同时它又是其他页面的父类。派生关系图如图14.6所示。

 

图14.6  派生关系

注意:ContentPage页面可以作为其他页面的一个元素使用。

4.属性

ContentPage页面定义了一个用来设置页面内容的属性Content属性,开发者可以将这个属性设置为一个控件、一个视图或者是一个布局。

(1)开发者可以将Content属性的属性设置为按钮控件、标签控件等,如以下的代码片段:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             xmlns:local="clr-namespace:App2"

             x:Class="App2.MainPage">

  <Label Text="Welcome to Xamarin Forms!"

           VerticalOptions="Center"

           HorizontalOptions="Center" />

</ContentPage>

在此代码中我们将Content属性设置为了标签控件。

注意:在属性和属性值一章中,我们提到了内容属性是可以省略的。Content属性就是一个内容属性,所以我们在代码中将此属性进行了省略。

(2)Content属性除了可以设置为控件外,还可以设置为一个内容视图,如以下的代码:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             xmlns:local="clr-namespace:App2"

             x:Class="App2.MainPage">

  <ContentView>

    <Label Text="Accept what was and what is, and you’ll have more positive energy to pursue what will be."

           VerticalOptions="Center"

           HorizontalOptions="Center" />

  </ContentView>

</ContentPage>

(3)ContentPage页面的Content属性也可以设置为一个对象。当我们将其设置为控件或者是内容视图时,只会在页面上看到一个元素。如果开发者要在页面上出现多个元素,就需要使用到布局,在布局中可以有多个视图或者控件。如以下的代码:

<?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:App2"

             x:Class="App2.MainPage">

  <StackLayout Spacing="10"

               VerticalOptions="CenterAndExpand"

                 HorizontalOptions="Center">

    <Label Text="静夜思"

       FontSize="30"

       FontAttributes="Bold"

       HorizontalOptions="Center"/>

    <Label Text="床前明月光,"

           FontSize="18"/>

    <Label Text="疑是地上霜。"

           FontSize="18"/>

    <Label Text="举头望明月,"

           FontSize="18"/>

    <Label Text="低头思故乡。"

           FontSize="18"/>

  </StackLayout>

</ContentPage>

在此代码中,我们将布局设置为了堆栈布局,在此布局中又放置了5个标签控件。

© 著作权归作者所有

大学霸
粉丝 271
博文 909
码字总数 557622
作品 0
东城
程序员
私信 提问
第七章:XAML vs. code(4)

将XAML页面添加到您的项目 现在您已经看到了一些XAML片段,让我们看一个完整程序环境中的整个XAML页面。 首先,使用可移植类库解决方案模板创建一个名为CodePlusXaml的Xamarin.Forms解决方案...

wangccsy
2018/06/25
0
0
Xamarin 学习笔记 - Page(页面)

本文翻译自CodeProject文章:https://www.codeproject.com/Articles/1226447/Xamarin-Notes-Xamarin-Forms-Pages 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和...

葡萄城技术团队
2018/08/02
0
0
Xamarin.Forms入门-使用 Xamarin.Forms 来创建跨平台的用户界面

Xamarin.Forms 是一个跨平台的、基于原生控件的UI工具包,开发人员可以轻松的创建适用于 Android,iOS 以及 Windows Phone的用户界面。Xamarin.Forms 通过使用平台的原生控件来渲染用户界面,...

葡萄城控件技术团队
2015/03/10
3.8K
5
XamarinForms教程构建XamarinForms开发环境

构建XamarinForms开发环境 所谓Xamarin.Forms的开发环境,就是指在基本硬件和数字软件的基础上,为支持系统软件和应用软件的工程化开发和维护而使用的一组软件,简称SDE。对于任何的程序来说...

大学霸
2016/01/21
101
0
第七章:XAML vs. code(1)

毫无疑问,C#是世界上有史以来最伟大的编程语言之一。 您可以在C#中编写完整的Xamarin.Forms应用程序,并且可以想象,您已经发现C#非常适合Xamarin.Forms,您甚至没有考虑过使用其他任何东...

wangccsy
2018/06/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CSS定位

CSS定位 relative相对定位 absolute绝对定位 fixed和sticky及zIndex relative相对定位 position特性:css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则...

studywin
19分钟前
4
0
从零基础到拿到网易Java实习offer,我做对了哪些事

作为一个非科班小白,我在读研期间基本是自学Java,从一开始几乎零基础,只有一点点数据结构和Java方面的基础,到最终获得网易游戏的Java实习offer,我大概用了半年左右的时间。本文将会讲到...

Java技术江湖
昨天
5
0
程序性能checklist

程序性能checklist

Moks角木
昨天
7
0
VUE 计算属性

本文转载于:专业的前端网站▶VUE 计算属性 1、示例代码 <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>vue示例</title> </hea......

前端老手
昨天
6
0
快速搭建LNMT平台和环境部署 Tomcat详解

Tomcat部署的基本概念 1. CATALINA_HOME与CATALINA_BASE分别指什么?     CATALINA_HOME指的是Tomcat的安装目录     bin:\\Tomcat一些脚本存放目录,比如启动脚本startup.bat/start...

网络小虾米
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部