Xamarin的基本控件及常见用法
由于Xaml文件和HTML文件有点像，无法直接上传，只能截图了
一一介绍
一些通用的属性
Margin 边距
简而言之，就是设置控件距左上右下的边距，注意，不是HTML里的上右下左！
VerticalTextAlignment & HorizontalTextAlignment 垂直/水平居中
意思很明显，就是定义控件的文本的对齐方式，有Center,Strat,End三个选项，分别对应：居中、左对齐、右对齐。
FontSize 字体大小
不多说，设置文本字体的大小
以Label控件为例
表示一个上下左右边距均为8，垂直/水平居中，字体24号，显示文本”Apple“，名称为”AppleLabel“的Label控件。
Label 文本框
最简单的控件，用于显示文本，常见属性有：
按钮，按了就可以除非指定事件，比如：
配合如下代码：
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";
}
}
}
|
效果：
Grid 表
一般用于排版，可以把其他控件放入其中，常见用法：
这个示例创建了一个3行2列的表，示例在本文末尾
顾名思义，就是鼠标滚轮可以控制的可滚动视图
最好要定义它的高度
用Label实现的超链接
通过附加属性使Label可点击，并添加下划线
配合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 开关
没什么好说的
Entry 输入框
同样没什么可说的
完整的例子
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");
}
}
}
|
