Xamarin的基本控件及常见用法

Xamarin的基本控件及常见用法

十二月 04, 2020

Xamarin的基本控件及常见用法

由于Xaml文件和HTML文件有点像,无法直接上传,只能截图了

一一介绍

一些通用的属性

Margin 边距

简而言之,就是设置控件距左上右下的边距,注意,不是HTML里的上右下左!

VerticalTextAlignment & HorizontalTextAlignment 垂直/水平居中

意思很明显,就是定义控件的文本的对齐方式,有Center,Strat,End三个选项,分别对应:居中左对齐右对齐

FontSize 字体大小

不多说,设置文本字体的大小

以Label控件为例

代码01

表示一个上下左右边距均为8,垂直/水平居中,字体24号,显示文本”Apple“,名称为”AppleLabel“的Label控件。

运行结果

Label 文本框

最简单的控件,用于显示文本,常见属性有:

代码02

运行结果02

Button 按钮

按钮,按了就可以除非指定事件,比如:

代码03

配合如下代码:

代码04

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
using System;
using Xamarin.Forms;

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

private void MyPopupButton_Clicked(object sender, EventArgs e)
{
AppleLabel.Text = "Apple";
}
}
}

效果:

运行结果03

Grid 表

一般用于排版,可以把其他控件放入其中,常见用法:

代码05

这个示例创建了一个3行2列的表,示例在本文末尾

ScrollView 滚动视图

顾名思义,就是鼠标滚轮可以控制的可滚动视图

代码06

最好要定义它的高度

用Label实现的超链接

通过附加属性使Label可点击,并添加下划线

代码07

配合C#代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
using System;
using Xamarin.Essentials;
using Xamarin.Forms;

namespace HelloWorld
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}
//注意要异步打开
private async void ClickMeHyperlinkButton_Tapped(object sender,
EventArgs e)
{
await Browser.OpenAsync("https://www.bilibili.com");
}
}
}

Switch 开关

没什么好说的

代码08

Entry 输入框

同样没什么可说的

代码09

完整的例子

代码10

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
using System;
using Xamarin.Essentials;
using Xamarin.Forms;

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

private void MyPopupButton_Clicked(object sender, EventArgs e)
{
DisplayAlert("提示", "这是一个简单的弹窗", "确定");
}

private async void ClickMeHyperlinkButton_Tapped(object sender, EventArgs e)
{
await Browser.OpenAsync("https://www.bilibili.com");
}
}
}

示例