Xamarin学习笔记——Frame

1、Frame

官方是这样介绍的：
An element containing a single child, with some framing options.
它是一个可以包含一个孩子的框架型控件。我们来看看具体的使用方法。
新建一个Cross-platform工程test4(新建工程的方法点击这里)

打开文件test4.cs
修改为：

namespace test4{class PageA : ContentPage{    public PageA ()    {        Padding = new Thickness (20);        Content = new Frame {            OutlineColor = Color.Accent,            Content = new Label {                Text = "I've been framed",                FontSize = Device.GetNamedSize (NamedSize.Large, typeof(Label)),                HorizontalOptions = LayoutOptions.Center,                VerticalOptions = LayoutOptions.Center            }        };    }}public class App : Application{    public App ()    {        // The root page of your application//          MainPage = new ContentPage {//              Content = new StackLayout {//                  VerticalOptions = LayoutOptions.Center,//                  Children = {//                      new Label {//                          XAlign = TextAlignment.Center,//                          Text = "Welcome to Xamarin Forms!"//                      }//                  }//              }//          };        MainPage = new PageA();    }    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    }}

里面主要增加了

        Padding = new Thickness (20);        Content = new Frame {            OutlineColor = Color.Accent,            Content = new Label {                Text = "I've been framed",                FontSize = Device.GetNamedSize (NamedSize.Large, typeof(Label)),                HorizontalOptions = LayoutOptions.Center,                VerticalOptions = LayoutOptions.Center            }        };

我们一行一行的来看：

            Padding = new Thickness (20);

这句话很容易理解，设置空白边距为20.

        Content = new Frame {}

新建一个Frame控件。

        OutlineColor = Color.Accent,

设置外边框颜色

Content = new Label {                Text = "I've been framed",                FontSize = Device.GetNamedSize (NamedSize.Large, typeof(Label)),                HorizontalOptions = LayoutOptions.Center,                VerticalOptions = LayoutOptions.Center            }

在Frame里新建一个Label控件，并设置他的一些属性（文字内容，文字大小，位置）

运行到调试机上，我们可以看到这样的界面：

我们还可以尝试下他的其他特性，比如让边框紧贴文字：
Padding = new Thickness (20);
Content = new Frame {
OutlineColor = Color.Accent,
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Center,
Content = new Label {
Text = “I’ve been framed”,
FontSize = Device.GetNamedSize (NamedSize.Large, typeof(Label)),
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Center
}
};
下面两个分别是ios版和android 版。